:root { --bg:#0e2a3a; --card:#14465f; --text:#f2f7fa; --muted:#b4c8d4; --accent:#ff8a6a; --link:#7fd8e6; --line:#2b6682; }
@media (prefers-color-scheme: light) {
  :root { --bg:#e8f1f5; --card:#ffffff; --text:#12303f; --muted:#456373; --accent:#c4452a; --link:#0b6a7a; --line:#c5d6de; }
}
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font:17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width:720px; margin:0 auto; padding:28px 18px 56px; }
.brand { font-weight:700; letter-spacing:.03em; color:var(--accent); margin:0 0 18px; font-size:16px; }
.brand a { color:inherit; text-decoration:none; }
h1 { font-size:32px; line-height:1.2; margin:0 0 8px; }
h2 { font-size:21px; margin:32px 0 8px; }
h3 { font-size:17px; margin:18px 0 6px; }
.tagline { font-size:20px; color:var(--accent); margin:0 0 22px; font-weight:600; }
p, li { color:var(--text); margin:0 0 14px; }
ul { margin:0 0 14px; padding-left:22px; }
li { margin:0 0 8px; }
a { color:var(--link); }
.card { background:var(--card); border-radius:16px; padding:18px 20px; margin:22px 0; border:1px solid var(--line); }
.card p:last-child { margin-bottom:0; }
.meta { color:var(--muted); font-size:15px; }
.footer { margin-top:40px; color:var(--muted); font-size:15px; border-top:1px solid var(--line); padding-top:16px; }