:root { color-scheme: dark; --bg:#06110f; --card:#0d211c; --mint:#53e0b1; --text:#f4faf7; --muted:#afc4bc; --line:#234139; }
* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at top left,#124c37,var(--bg) 42%); color:var(--text); line-height:1.65; }
main { width:min(760px,calc(100% - 32px)); margin:0 auto; padding:64px 0 80px; }
.brand { color:var(--mint); font-weight:800; letter-spacing:.02em; }
h1 { margin:.2em 0 .45em; font-size:clamp(2rem,8vw,3.5rem); line-height:1.1; }
h2 { margin-top:2rem; font-size:1.25rem; }
p,li { color:var(--muted); }
a { color:var(--mint); }
.card { margin-top:24px; padding:22px; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--card) 92%,transparent); }
nav { display:flex; gap:16px; flex-wrap:wrap; margin:24px 0; }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); font-size:.9rem; color:var(--muted); }