*{box-sizing:border-box}
html,body{margin:0;background:#000;color:#e9e4f2;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg i{position:absolute;width:60vmax;height:60vmax;left:-20vmax;top:-30vmax;border-radius:50%;filter:blur(90px);
  background:radial-gradient(circle,rgba(236,72,153,.35),rgba(236,72,153,0) 65%);animation:d 18s ease-in-out infinite}
@keyframes d{0%,100%{transform:translate(0,0)}50%{transform:translate(14vmax,10vmax)}}
@media (prefers-reduced-motion: reduce){.bg i{animation:none}}
.doc{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:36px 22px 64px}
.top{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-bottom:36px}
.top img{width:34px;height:34px;border-radius:9px}
.top span{font-family:Sora,Inter,sans-serif;font-weight:800;font-size:20px}
h1{font-family:Sora,Inter,sans-serif;font-weight:800;font-size:clamp(28px,6vw,38px);color:#fff;margin:0 0 6px;letter-spacing:-.5px}
.upd{color:#8f86a3;font-size:13px;margin:0 0 30px}
h2{font-family:Sora,Inter,sans-serif;font-weight:700;font-size:17px;color:#fff;margin:30px 0 8px}
p,li{font-size:15px;line-height:1.7;color:#cfc7de}
ul{padding-left:20px;margin:0 0 12px}
a{color:#f9a8d4}
footer{margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#8f86a3;display:flex;gap:16px;flex-wrap:wrap}
footer a{color:#8f86a3;text-decoration:none}
footer a:hover{color:#fff}