:root {
  --black: #191919;
  --pink: #f05a91;
  --violet: #9b43e4;
  --blue: #555ced;
  --cream: #191919;
}
body { background: #191919; color: #fff; }
button:focus-visible, a:focus-visible { outline-color: #a75bff; }
.topbar { background: #191919; border-bottom: 1px solid #313131; }
.brand, .top-link { color: #fff; }
.brand span { color: #bd71f6; }
.hero { background: #191919; min-height: 660px; }
.hero:before {
  background: radial-gradient(circle at 83% 36%, rgba(91,64,167,.22), transparent 33%),
    radial-gradient(circle at 17% 100%, rgba(208,61,113,.14), transparent 38%);
}
.glow { filter: blur(90px); }
.glow-pink { width: 360px; height: 360px; right: -100px; top: 110px; background: #bc477d; opacity: .26; }
.glow-purple { width: 390px; height: 390px; right: 18%; bottom: -270px; background: #5c45d9; opacity: .23; }
.glow-lime { display: none; }
.pill { border: 1px solid #614a73; color: #f3d5fb; background: #392b3e; }
.pill-dot { background: #e45cbb; box-shadow: 0 0 12px #dd55ba; }
h1 span {
  color: #fff;
  background: linear-gradient(95deg, #ff8e9a, #c768df 52%, #7776ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lead { color: #d4d2d8; }
.offer { border: 1px solid #4b4b50; background: #252528; box-shadow: 0 22px 70px #0006; }
.offer-head { color: #d3cbd8; }
.offer-mark { color: #d96eea; }
.code-box { background: #343436; color: #fff; border: 1px solid #65656a; }
.code-box button { background: #fff; color: #181818; }
.code-box button:hover { background: #e9ddff; }
.benefits { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.benefits div { padding:13px 15px; border:1px solid #4b4b50; border-radius:14px; background:#2d2d30; }
.benefits strong,.benefits span { display:block; }
.benefits strong { font-size:16px; margin-bottom:5px; }
.benefits span { color:#bbb8c0; font-size:12px; line-height:1.35; }
.activate {
  color: #fff;
  background: linear-gradient(100deg, #ef6478 0%, #bb4ddb 50%, #565fee 100%);
  box-shadow: 0 10px 26px rgba(116,65,216,.28);
}
.activate:hover { background: linear-gradient(100deg, #fa7387 0%, #cb58e8 50%, #6971ff 100%); }
.offer-note, .hero-bottom { color: #b8b5bd; }
.how { background: #222225; border-top: 1px solid #333338; }
.eyebrow, .step>span { color: #d177eb; }
.step { border-bottom-color: #44444a; }
.step p { color: #b8b6be; }
.repeat-link { color: #fff; border-bottom-color: #bb6aee; }
footer { background: #191919; color: #a8a5ad; border-top: 1px solid #333338; }
footer strong { color: #fff; }
.toast { background: #fff; color: #191919; }
@media (max-width: 540px) {
  .glow-pink { right: -200px; top: 100px; }
  .glow-purple { right: -190px; bottom: -150px; }
  .hero-inner { padding-top: 43px; }
  .code-box { padding-left: 15px; }
  .benefits { grid-template-columns:1fr; }
}