:root { color-scheme: dark; --bg:#050505; --card:#0d0d0d; --text:#f5f5f5; --muted:#9b9b9b; --line:#242424; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
main { width:min(760px, calc(100% - 40px)); margin:0 auto; padding:72px 0 80px; }
a { color:#fff; text-underline-offset:3px; }
.brand { letter-spacing:.22em; font-size:.82rem; font-weight:700; color:#b9b9b9; }
h1 { margin:.5rem 0 1rem; font-size:clamp(2rem,7vw,3.8rem); letter-spacing:.02em; }
h2 { margin-top:2.2rem; font-size:1.05rem; letter-spacing:.12em; text-transform:uppercase; }
p,li { color:#d3d3d3; }
.muted { color:var(--muted); }
.card { margin:1.4rem 0; padding:20px; background:var(--card); border:1px solid var(--line); border-radius:14px; }
nav { display:flex; flex-wrap:wrap; gap:14px; margin-top:2.2rem; font-size:.9rem; }
code { background:#131313; padding:.12rem .35rem; border-radius:5px; }
.placeholder { color:#ffcc66; font-weight:700; }
footer { margin-top:4rem; padding-top:1.5rem; border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; }