:root { --bg:#081216; --surface:#0D1A1F; --border:#1B2E33; --text:#F7F8F8; --muted:#9FB0B3; --accent:#65F45E; --gold:#FFD54A; }
* { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 72px; }
header.brand { max-width:720px; margin:0 auto; padding:28px 20px 0; font-weight:800; font-size:22px; letter-spacing:.2px; }
header.brand a { color:var(--text); text-decoration:none; }
header.brand span { color:var(--accent); }
h1 { font-size:34px; line-height:1.15; margin:8px 0 6px; }
h2 { font-size:21px; margin:36px 0 8px; }
p, li { color:var(--text); }
.muted { color:var(--muted); }
a { color:var(--accent); }
ul { padding-left:22px; }
li { margin:6px 0; }
.card { background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:18px 20px; margin:16px 0; }
.card h3 { margin:0 0 6px; font-size:18px; }
.card p { margin:0; color:var(--muted); }
nav.links { display:flex; gap:18px; flex-wrap:wrap; margin-top:28px; }
footer { max-width:720px; margin:0 auto; padding:0 20px 40px; color:var(--muted); font-size:14px; }