:root{--bg:#F2F4F9;--card:#fff;--text:#0F172A;--muted:#5B6478;--pri:#2F5FE6;--line:#E4E8F0}
@media (prefers-color-scheme:dark){:root{--bg:#0B1220;--card:#151D2E;--text:#EEF2FA;--muted:#A9B4C8;--pri:#8FB0FF;--line:#263049}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:24px 16px 48px}
header{display:flex;align-items:center;gap:14px;margin-bottom:20px}
header img{width:56px;height:56px;border-radius:14px}
header b{font-size:24px}
nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
nav a{padding:8px 14px;border-radius:999px;background:var(--card);color:var(--pri);text-decoration:none;font-weight:600;border:1px solid var(--line)}
section{background:var(--card);border-radius:20px;padding:20px 22px;margin-bottom:18px;border:1px solid var(--line)}
h1{font-size:26px;line-height:1.25;margin:0 0 6px}
h2{font-size:19px;margin:22px 0 6px}
p,li{color:var(--text)} .muted{color:var(--muted);font-size:15px}
a{color:var(--pri)}
ul{padding-inline-start:22px}
.hero{background:linear-gradient(135deg,#2F5FE6,#6A47E0);color:#fff;border:0}
.hero p{color:#fff;opacity:.92}