:root{--bg:#07060b;--card:#120f1d;--line:rgba(255,255,255,.08);--text:#f3f0ff;--muted:#9b95b3;--pink:#ff1fd1;--cyan:#18e0ff;--acid:#c6ff1a}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:400 16px/1.7 "Space Grotesk",system-ui,sans-serif}
a{color:var(--cyan)}
nav{border-bottom:1px solid var(--line)}nav div{max-width:820px;margin:0 auto;padding:20px 22px;display:flex;justify-content:space-between;align-items:center}
.logo{font:900 20px Unbounded,sans-serif;background:linear-gradient(90deg,var(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
nav a.back{color:var(--muted);text-decoration:none;font-size:14px}
main{max-width:820px;margin:0 auto;padding:60px 22px}
h1{font:900 clamp(34px,6vw,54px)/1.1 Unbounded,sans-serif;text-transform:uppercase;margin-bottom:10px}
h2{font:800 18px Unbounded,sans-serif;text-transform:uppercase;margin:34px 0 10px;color:var(--pink)}
p,li{color:var(--muted)}ul{padding-left:20px}
.sub{margin-bottom:20px}.ph{color:var(--acid)}
.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
footer{border-top:1px solid var(--line);padding:30px 22px;text-align:center;color:var(--muted);font-size:13px}footer a{color:var(--muted)}