:root{--bg:#07071a;--line:rgba(255,255,255,.08);--text:#ecebff;--muted:#a3a3c2;--grad:linear-gradient(120deg,#d946ef 0%,#a855f7 45%,#7c3aed 100%)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:400 16px/1.7 Inter,system-ui,sans-serif}
a{color:#c4b5fd}
h1,h2,h3{font-family:Sora,sans-serif;letter-spacing:-.02em;line-height:1.2}
header{border-bottom:1px solid var(--line);background:rgba(7,7,26,.9);position:sticky;top:0;backdrop-filter:blur(12px);z-index:5}
.nav{max-width:860px;margin:0 auto;padding:0 20px;height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}
.brand{gap:11px}.brand .mk{height:38px;width:auto}.brand .wm{height:18px;width:auto}.brand .sep{width:1px;height:26px;background:linear-gradient(transparent,rgba(196,181,253,.75),transparent)}
@media (max-width:420px){.brand .mk{height:32px}.brand .wm{height:15px}.back{font-size:13px}}
.brand b{font:800 20px/1 Sora;letter-spacing:.06em}
.brand small{display:block;font:600 9px/1 Sora;letter-spacing:.42em;color:var(--muted);margin-top:5px}
.back{font:600 14px Sora;text-decoration:none;color:var(--muted)}.back:hover{color:#fff}
main{max-width:860px;margin:0 auto;padding:70px 20px 90px}
h1{font-size:clamp(34px,6vw,52px);margin-bottom:10px}
h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro{color:var(--muted);margin-bottom:46px}
h2{font-size:22px;margin:42px 0 12px;padding-top:24px;border-top:1px solid var(--line)}
h3{font-size:17px;margin:22px 0 8px}
p,ul{margin-bottom:12px;color:#d4d4ee}
ul{padding-left:22px}
.todo{background:rgba(250,204,21,.14);color:#fde68a;padding:1px 6px;border-radius:6px;font-weight:600}
.hint{margin-top:50px;padding:18px 20px;border-radius:14px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line);padding:26px 20px;text-align:center;color:var(--muted);font-size:14px}
footer a{color:var(--muted);margin:0 10px}