:root{--bg:#F2F2F7;--card:#fff;--label:#1b1a22;--l2:#63616b;--ac:#723BFA;--lime:#B9F500;--ink:#18181C}
@media (prefers-color-scheme:dark){:root{--bg:#16131e;--card:#26222f;--label:#f3f0f7;--l2:#b5b0bf;--ac:#A98BFF}}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;background:var(--bg);color:var(--label);line-height:1.6}
main{max-width:680px;margin:0 auto;padding:40px 22px 80px}
h1{font-size:34px;line-height:1.15;letter-spacing:-.5px;margin-bottom:8px}
h2{font-size:20px;margin:28px 0 6px}
p,li{color:var(--label);margin:8px 0}
ul{padding-left:22px}
.sub{color:var(--l2)}
a{color:var(--ac)}
.card{background:var(--card);border-radius:22px;padding:22px;margin-top:22px}
.btn{display:inline-block;background:var(--lime);color:var(--ink);font-weight:700;border-radius:26px;padding:14px 22px;text-decoration:none;margin-top:10px}
footer{margin-top:40px;color:var(--l2);font-size:14px}