:root{--bg:#f6f8f9;--fg:#11262e;--muted:#4a5f66;--accent:#00627f;--card:#ffffff;--line:#d5e0e3}
@media (prefers-color-scheme:dark){:root{--bg:#0b1d24;--fg:#e6eef0;--muted:#a9bcc1;--accent:#5cc8e6;--card:#12303b;--line:#24485a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
main{max-width:42rem;margin:0 auto;padding:2rem 16px 3rem}
h1{margin:.25rem 0}h2{margin-top:2rem}
p.sub{color:var(--muted);margin-top:0}
a{color:var(--accent)}
img.icon{width:80px;height:80px;border-radius:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.25rem;margin:1rem 0}
.card h2{margin-top:0}
.btn{display:inline-block;background:var(--accent);color:var(--bg);text-decoration:none;font-weight:600;padding:.6rem 1rem;border-radius:10px;margin:.25rem 0}
ol li,ul li{margin:.35rem 0}
.small{color:var(--muted);font-size:.9rem}