:root { color-scheme: dark; --bg:#090a10; --surface:#14151f; --text:#f2f4f7; --muted:#b0b7c4; --line:#343645; --accent:#80caff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.8 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,sans-serif; }
main { width:min(780px,100%); margin:auto; padding:48px 22px 64px; }
nav { display:flex; flex-wrap:wrap; gap:20px; margin-bottom:40px; }
a { color:var(--accent); text-underline-offset:4px; overflow-wrap:anywhere; }
h1 { margin:8px 0 16px; font-size:clamp(28px,6vw,40px); line-height:1.25; letter-spacing:-.04em; }
h2 { margin:38px 0 12px; font-size:21px; line-height:1.4; }
p { margin:12px 0; }
ul,ol { padding-left:22px; }
.eyebrow { color:var(--accent); font-size:14px; letter-spacing:.08em; }
.muted, footer { color:var(--muted); }
.card { padding:22px; background:var(--surface); border:1px solid var(--line); border-radius:18px; }
footer { margin-top:44px; padding-top:20px; border-top:1px solid var(--line); font-size:14px; }
:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }