:root{--pink:#FF3D85;--blue:#5072FF;--ink:#0B0B0F;--ink-2:#3a3a44;--muted:#6b6b78;--bg:#F6F6F9}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Outfit',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(600px circle at 0 0,rgba(255,61,133,.25),transparent 60%),radial-gradient(700px circle at 100% 40%,rgba(80,114,255,.25),transparent 60%)}
a{color:var(--blue)}
nav{max-width:860px;margin:18px auto 0;padding:12px 20px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #fff}
.logo{display:flex;align-items:center;gap:10px;font-weight:300;font-size:21px;text-decoration:none;color:var(--ink)}
.logo .c1{color:var(--pink)}.logo .c3{color:var(--blue)}
.back{font-size:15px;text-decoration:none;color:var(--ink-2)}
main{max-width:860px;margin:30px auto 60px;padding:44px;border-radius:32px;background:rgba(255,255,255,.65);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #fff;box-shadow:0 10px 40px -12px rgba(30,30,60,.18)}
h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.03em;font-weight:600;line-height:1.05;margin-bottom:28px}
h2{font-size:21px;font-weight:500;margin:30px 0 8px}
p,li{color:var(--ink-2);font-weight:300}
ul{padding-left:20px}
.ph{background:rgba(255,61,133,.12);color:#c4135a;padding:1px 6px;border-radius:6px;font-weight:500}
footer{text-align:center;color:var(--muted);font-size:14px;padding-bottom:40px}
@media(max-width:600px){nav,main{margin-left:16px;margin-right:16px}main{padding:26px 20px}}