:root { --bg:#0a0a0a; --text:#f4f4f5; --muted:#8b93a1; --cyan:#00f3ff; --magenta:#ff00aa; --line:rgba(255,255,255,.1); }
html,body { margin:0; background:var(--bg); color:var(--text); font:16px/1.55 Montserrat,Segoe UI,sans-serif; }
a { color:var(--cyan); }
header,footer { padding:16px 24px; border-bottom:1px solid var(--line); display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
footer { border-bottom:0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
main { max-width:760px; margin:0 auto; padding:32px 20px 64px; }
h1 { font-size:28px; letter-spacing:-.03em; }
h2 { color:var(--cyan); font-size:18px; margin-top:28px; }
.muted { color:var(--muted); }
.brand { color:var(--cyan); font-weight:800; text-decoration:none; }
nav a { margin-right:12px; font-size:13px; }
code { color:var(--magenta); }