*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:radial-gradient(120% 90% at 80% -10%, #2A1158 0%, #140A2E 45%, #0B0719 100%);
  background-attachment:fixed;
  color:#E7E1FF; font-family:'Space Grotesk', system-ui, sans-serif; line-height:1.65;
  min-height:100vh;
}
.wrap{ max-width:760px; margin:0 auto; padding:40px 22px 80px; }
.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:#F4F1FF; }
.brand .dot{ width:10px; height:10px; border-radius:50%; background:#FF2D75; box-shadow:0 0 14px #FF2D75; }
.brand span{ font:700 13px/1 'Space Grotesk',sans-serif; letter-spacing:0.18em; text-transform:uppercase; }
h1{ font-family:'Anton', sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:1px;
  font-size:clamp(34px,7vw,56px); line-height:0.95; margin:26px 0 6px; color:#fff; }
.eff{ color:#9A8FC9; font-size:13px; margin:0 0 26px; }
h2{ font-family:'Anton', sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:0.5px;
  font-size:clamp(20px,4vw,28px); margin:34px 0 10px; color:#FFC83D; }
p,li{ font-size:15.5px; color:#C9C2E6; }
strong{ color:#F4F1FF; }
a{ color:#15E6D4; }
ul{ padding-left:20px; }
.box{ margin-top:14px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12); }
.back{ display:inline-block; margin-top:40px; padding:12px 22px; border-radius:100px;
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.16); color:#F4F1FF;
  text-decoration:none; font-weight:600; font-size:14px; }
footer{ margin-top:46px; padding-top:22px; border-top:1px solid rgba(255,255,255,0.1); font-size:13px; color:#8076AE; }
footer a{ color:#9A8FC9; }