:root{--bg:#000;--surface:#0a0a0c;--text:#d4d5d8;--strong:#dcdcdf;--muted:#81828a;--subtle:#96979e;--brand:#5865f2;--border:rgba(151,151,159,.2)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "gg sans","Noto Sans","Segoe UI",Arial,sans-serif;padding:0 16px}
.wrap{max-width:720px;margin:0 auto;padding-block:56px}
h1{color:var(--strong);font-size:2rem;margin:0 0 .25em}
h2{color:var(--strong);font-size:1.15rem;margin:2.2em 0 .5em}
p,li{margin:.7em 0}
a{color:#2781e7}
.lead{color:var(--subtle);font-size:1.05rem}
.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin:28px 0}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid var(--border)}
nav a{color:var(--subtle);text-decoration:none}
nav a:hover{color:var(--strong)}
footer{margin-top:52px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}
code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.9em}