:root{color-scheme:dark;--bg:#0b0d10;--panel:#12161b;--text:#f4f6f8;--muted:#aeb7c2;--line:#28303a;--accent:#8ab4f8;--max:880px}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#0b0d10 0%,#11161c 100%);color:var(--text);line-height:1.65}
main{max-width:var(--max);margin:0 auto;padding:72px 28px}.card{background:rgba(18,22,27,.9);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;margin:0 0 18px} h2{margin-top:34px;font-size:1.35rem} p,li{color:var(--muted)} .lead{font-size:1.18rem;max-width:720px}
.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 12px;margin-bottom:22px;color:#d9e3ef;font-size:.9rem}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline} nav{margin-top:32px;display:flex;gap:18px;flex-wrap:wrap}
footer{max-width:var(--max);margin:0 auto;padding:0 28px 42px;color:#7f8a96;font-size:.9rem}