:root { color-scheme: dark light; --bg:#0b1120; --surface:#111827; --text:#f8fafc; --muted:#a7b4c6; --accent:#00d4aa; --line:#263247; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--accent); }
header,main,footer { width:min(820px,calc(100% - 32px)); margin:auto; }
header { padding:34px 0 18px; border-bottom:1px solid var(--line); }
nav { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:16px; }
nav a { color:var(--muted); text-decoration:none; }
main { padding:32px 0 56px; }
h1 { margin:0; font-size:clamp(2rem,6vw,3.25rem); line-height:1.08; }
h2 { margin:34px 0 8px; font-size:1.35rem; }
p,li { color:var(--muted); }
.eyebrow { color:var(--accent); font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.card { margin:22px 0; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.card p:first-child,.card h2:first-child { margin-top:0; }
.button { display:inline-block; margin-top:10px; padding:11px 16px; border-radius:12px; background:var(--accent); color:#06251f; font-weight:800; text-decoration:none; }
footer { padding:24px 0 40px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
@media (prefers-color-scheme: light) { :root { --bg:#f5f7fb; --surface:#fff; --text:#152033; --muted:#4d5c70; --accent:#007f69; --line:#d8e0ea; } .button { color:#fff; } }