:root{--blue:#0b5fff;--ink:#14213d;--bg:#f6f8fc;--card:#fff;--line:#dfe5f1;--muted:#5b6785}
@media (prefers-color-scheme:dark){:root{--ink:#eef2fb;--bg:#0f1626;--card:#18213a;--line:#2a3558;--muted:#a7b2cf}}
*{box-sizing:border-box}
body{margin:0;font:17px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--blue)}
header,main,footer{max-width:900px;margin:0 auto;padding:0 16px}
header{padding-top:22px;padding-bottom:6px}
.brand{font-weight:800;font-size:1.3rem;text-decoration:none;color:var(--ink)}
.brand span{color:var(--blue);border-bottom:3px solid var(--blue)}
h1{font-size:2rem;margin:.9em 0 .2em}
.lead{color:var(--muted);margin:0 0 1.2em}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:.7em 1.2em;border-radius:10px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:0;list-style:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.card h2{font-size:1.05rem;margin:0 0 .3em}
.card p{margin:.2em 0 .8em;color:var(--muted);font-size:.95rem}
.disclose{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);margin-top:2em;padding:1em 0 2em}
nav a{margin-right:12px;font-size:.9rem}