@font-face{font-family:'Super Beatpop';src:url('/assets/fonts/SuperBeatpop.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Milkyway Demo';src:url('/assets/fonts/MilkywayDemo.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
:root{--bg:#000;--bg2:#0A0A0A;--bg3:#141414;--accent:#E800A0;--gold:#FF80FF;--text:#F5F5F5;--muted:#888;--border:#222}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Milkyway Demo',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.7}
body *{font-weight:300!important}
nav{background:linear-gradient(90deg,var(--bg),var(--bg2) 50%,var(--bg));border-bottom:2px solid var(--accent);padding:0 16px}
.nb{max-width:980px;margin:0 auto;display:flex;align-items:center;height:56px;gap:12px}
.logo{font-family:'Super Beatpop',sans-serif;font-size:30px;color:var(--text);text-decoration:none;line-height:1;font-weight:400!important}
.logo span{color:var(--gold);font-weight:400!important}
.back{color:var(--muted);text-decoration:none;font-size:13px;margin-left:auto;border:1px solid var(--border);background:var(--bg3);padding:7px 14px;border-radius:6px}
main{max-width:980px;margin:0 auto;padding:32px 16px 60px}
h1{font-size:30px;color:var(--accent);line-height:1.2;margin:0 0 16px}
h2{font-size:18px;color:var(--text);margin:28px 0 8px}
p,li{color:var(--muted);font-size:14px}
a{color:var(--gold)}
.note{border:1px solid var(--border);background:var(--bg3);padding:14px;border-radius:8px;color:var(--muted);margin:18px 0}
footer{border-top:1px solid var(--border);padding:20px 16px;text-align:center;color:var(--muted);font-size:13px}
