:root{--bg:#0b0c10;--fg:#e5e7eb;--muted:#9ca3af;--card:#111827;--brand:#8b5cf6;--link:#a78bfa}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.6;background:var(--bg);color:var(--fg)}
.container{max-width:860px;margin:0 auto;padding:32px 18px}
nav{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
nav a{padding:8px 12px;border-radius:999px;background:rgba(139,92,246,.12);color:var(--fg);text-decoration:none}
nav a:hover{background:rgba(139,92,246,.22)}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px;margin-top:12px}
h1,h2,h3{line-height:1.2}
h1{font-size:clamp(28px,5vw,40px);margin:8px 0 6px}
h2{margin-top:28px}
p,li{color:var(--fg)}
small,.muted{color:var(--muted)}
footer{margin-top:48px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;color:var(--muted)}
a{color:var(--link)}
ul{padding-left:18px}
code,kbd{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:6px}