*{box-sizing:border-box;margin:0;padding:0}html{background:#030005}
body{color:#EFEBFF;font:17px/1.65 "Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(55% 45% at 14% 36%,rgba(110,18,170,.17),transparent 70%),radial-gradient(50% 40% at 90% 46%,rgba(88,14,150,.14),transparent 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='1200'><filter id='c' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.0032 .0055' numOctaves='5' seed='11'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .08  0 0 0 0 .85  .8 0 0 0 -.34'/></filter><rect width='100%25' height='100%25' filter='url(%23c)'/></svg>") center/cover,#030005}
a{color:#C98BFF;text-underline-offset:3px}.w{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
header{padding:22px 0}header .w{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1240px}
.logo{font-weight:800;font-size:27px;letter-spacing:-.05em;text-decoration:none;color:#EFEBFF}.logo b{color:#C98BFF}
.back{font-weight:700;font-size:15px}
h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.04em;line-height:1;font-weight:800;margin:30px 0 14px}
.upd{color:#B8AED6;font-size:15px;margin-bottom:40px}
h2{font-size:22px;letter-spacing:-.02em;margin:38px 0 10px;line-height:1.2}
p,ul{margin-bottom:14px;color:#DAD3F0}ul{padding-left:22px}li{margin-bottom:6px}strong{color:#fff}
.box{background:rgba(26,9,52,.8);padding:18px 22px;margin:22px 0}
footer{background:rgba(3,0,6,.8);color:#B8AED6;margin-top:80px;padding:34px 0;font-size:15px}footer .w{max-width:1240px;display:flex;flex-wrap:wrap;gap:10px 28px}footer a{color:#fff}
:focus-visible{outline:3px solid #C98BFF;outline-offset:3px}