*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#050b1a;--card:rgba(10,19,48,.74);--border:rgba(120,160,255,.22);--text:#e9eeff;--muted:#a3b2d8;--cyan:#22d3ee;--gold:#ffd166;--grad:linear-gradient(135deg,#3b82f6,#7c5cff 60%,#22d3ee)}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;
  background-image:radial-gradient(ellipse at 20% 0%,rgba(36,71,255,.28),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(124,92,255,.22),transparent 55%)}
.wrap{max-width:760px;margin:0 auto;padding:28px 20px 70px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.top a{color:var(--text);text-decoration:none;font-weight:700}
.top .links a{color:var(--muted);font-weight:600;margin-left:16px;font-size:.92rem}
.top .links a:hover{color:var(--cyan)}
h1{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.15;letter-spacing:-1px;margin-bottom:6px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.upd{color:var(--muted);font-size:.9rem;margin-bottom:22px}
.draft{padding:14px 18px;border-radius:16px;border:1px dashed rgba(255,209,102,.7);background:rgba(255,209,102,.08);color:var(--gold);font-size:.92rem;margin-bottom:28px}
h2{font-size:1.2rem;margin:30px 0 8px;color:var(--cyan)}
p,li{color:#d3dcf5;font-size:1rem}
p{margin-bottom:10px}
ul{padding-left:22px;margin-bottom:10px}
li{margin-bottom:6px}
a{color:var(--cyan)}
.btn{display:inline-block;margin-top:24px;padding:13px 26px;border-radius:14px;background:var(--grad);color:#fff;font-weight:700;text-decoration:none}
.center{text-align:center;padding-top:14vh}
.center .big{font-size:4.5rem;line-height:1}
[hidden]{display:none!important}