:root{--p:#3629B7;--ink:#343434;--grey:#6f6f6f;--bg:#fff;--tint:#F2F1F9}
@media (prefers-color-scheme:dark){:root{--ink:#ececec;--grey:#a3a3ad;--bg:#000;--tint:#15151d;--p:#b4aef0}}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
header{background:#3629B7;color:#fff;padding:40px 20px 56px}header h1{margin:0;font-size:32px}header p{margin:4px 0 0;opacity:.85}
main{max-width:760px;margin:-28px auto 0;background:var(--bg);border-radius:28px 28px 0 0;padding:28px 20px 48px}
h2{font-size:20px;margin:28px 0 8px}a{color:var(--p)}.card{background:var(--tint);border-radius:16px;padding:16px 18px;margin:12px 0}
footer{max-width:760px;margin:0 auto;padding:0 20px 32px;color:var(--grey);font-size:13px}