:root{--accent:#3D5AFE;--accent-soft:#E6EAFF;--accent-pressed:#2C44D6;--bg:#FFFFFF;--surface:#F7F8FA;--border:#E6E8EC;--text:#0F172A;--text2:#5B6475;--text3:#8A93A3}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:680px;margin:0 auto;padding:40px 20px 64px}
header.site{max-width:680px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center}
header.site a.brand{font-weight:600;color:var(--text);text-decoration:none}
header.site nav a{color:var(--text2);text-decoration:none;margin-left:16px;font-size:15px}
h1{font-size:35px;line-height:1.2;margin:0 0 8px;font-weight:600}
h2{font-size:22px;margin:32px 0 8px;font-weight:600}
p,li{color:var(--text2)}
a{color:var(--accent)}a:hover{color:var(--accent-pressed)}
.lead{font-size:19px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px 20px;margin:16px 0}
.btn{display:inline-block;background:var(--accent);color:#fff;border-radius:14px;padding:14px 20px;text-decoration:none;font-weight:600}
.btn:hover{background:var(--accent-pressed);color:#fff}
.meta{color:var(--text3);font-size:14px}
footer{max-width:680px;margin:0 auto;padding:0 20px 40px;color:var(--text3);font-size:14px}