:root { --bg:#0f172a; --panel:#111827; --text:#e5e7eb; --muted:#9ca3af; --line:#273244; --accent:#93c5fd; }
* { box-sizing:border-box; }
html { color-scheme:dark; }
body { margin:0; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); color:var(--text); line-height:1.65; }
main { width:min(860px,calc(100% - 40px)); margin:0 auto; padding:72px 0 56px; }
header { margin-bottom:42px; }
h1 { margin:0 0 10px; font-size:clamp(2rem,5vw,3.5rem); line-height:1.1; }
h2 { margin-top:36px; font-size:1.25rem; }
.muted { color:var(--muted); }
.card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:24px; margin:28px 0; }
a { color:var(--accent); }
nav { display:flex; gap:18px; flex-wrap:wrap; margin-top:24px; }
footer { border-top:1px solid var(--line); margin-top:52px; padding-top:22px; color:var(--muted); font-size:.95rem; }