:root{--bg:#060a1c;--bg2:#0b1233;--line:rgba(140,170,255,.18);--text:#eef2ff;--muted:#9aa6d1;--cyan:#2ee6ff;
  --grad:linear-gradient(100deg,#2ee6ff 0%,#3b6bff 50%,#8a4dff 100%)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI Variable Display','Segoe UI',Inter,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--text);
  background:radial-gradient(900px 600px at 90% 0%,rgba(59,107,255,.2),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg) 40%);
  min-height:100vh;line-height:1.65}
a{color:var(--cyan);text-decoration:none} a:hover{text-decoration:underline}
header{border-bottom:1px solid rgba(140,170,255,.1);backdrop-filter:blur(12px)}
.bar{max-width:860px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--text)} .logo:hover{text-decoration:none}
.logo img{width:32px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.back{margin-left:auto;color:var(--muted);font-size:15px}
main{max-width:860px;margin:0 auto;padding:48px 24px 80px}
h1{font-size:clamp(30px,5vw,42px);line-height:1.15;font-weight:800;margin-bottom:8px}
.upd{color:var(--muted);font-size:14px;margin-bottom:36px}
h2{font-size:21px;margin:34px 0 10px}
p,li{color:#c9d0ee;font-size:16px}
p+p{margin-top:10px}
ul{margin:10px 0 0 22px;display:grid;gap:6px}
.box{margin-top:40px;padding:22px 24px;border-radius:18px;border:1.5px solid var(--line);background:rgba(255,255,255,.04)}
footer{border-top:1px solid rgba(140,170,255,.1);color:var(--muted);font-size:14px}
footer .bar{flex-wrap:wrap} footer .bar span:last-child{margin-left:auto;display:flex;gap:18px}
footer a{color:var(--muted)}