:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.8;color:#edf2ff;background:#0b1020}
*{box-sizing:border-box}body{margin:0;padding:32px 16px;background:radial-gradient(circle at top,#17234a 0,#0b1020 55%)}
.card{max-width:820px;margin:auto;padding:36px 42px;background:#121a30;border:1px solid #2d3b66;border-radius:20px;box-shadow:0 20px 70px #0006}
.topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.lang{border:1px solid #5b78b4;background:#1d2b50;color:#dce9ff;border-radius:999px;padding:8px 15px;cursor:pointer;font:inherit}.lang:hover{background:#294171}
header{border-bottom:1px solid #2d3b66;padding-bottom:18px;margin-bottom:24px}.badge{display:inline-block;color:#9ed1ff;font-size:.8rem;letter-spacing:.18em;font-weight:700}
h1{margin:8px 0 0;font-size:clamp(2rem,5vw,3rem);line-height:1.2}h2{margin-top:28px;color:#9ed1ff;font-size:1.25rem}p{color:#d7def2}.muted{color:#8e9abb;font-size:.9rem}a{color:#8dccff}li{margin:6px 0}footer{margin-top:36px;padding-top:18px;border-top:1px solid #2d3b66;color:#8e9abb;font-size:.9rem}
@media(max-width:600px){.card{padding:25px 20px;border-radius:14px}body{padding:16px}}