:root{--bg:#0f1116;--card:#171a21;--fg:#e6e8ec;--muted:#9aa0aa;--accent:#3ddc84;--line:#262b34}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:48px 22px 80px}
header{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:32px}
.brand{font-weight:800;font-size:1.35rem;letter-spacing:-.02em}
.brand span{color:var(--accent)}
h1{font-size:1.7rem;margin:.2em 0 .1em;letter-spacing:-.02em}
h2{font-size:1.12rem;margin:2em 0 .4em;color:var(--fg)}
p,li{color:var(--fg)}
.muted{color:var(--muted);font-size:.9rem}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
ul{padding-left:1.2em}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin-top:22px}
footer{margin-top:48px;border-top:1px solid var(--line);padding-top:20px}
.nav a{margin-right:18px}