:root{
  --bg:#050610; --panel:rgba(16,14,40,.55); --border:rgba(120,90,255,.22);
  --cyan:#1DA9FF; --violet:#7647FF; --magenta:#E439D5; --pink:#FF3B9D;
  --text:#EDEBFF; --text-lo:#9a94c2;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
  radial-gradient(900px 600px at 15% -10%,rgba(29,169,255,.14),transparent 60%),
  radial-gradient(900px 700px at 85% 0%,rgba(228,57,213,.13),transparent 60%),
  radial-gradient(1200px 800px at 50% 110%,rgba(118,71,255,.16),transparent 65%),var(--bg)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.bebas{font-family:'Bebas Neue',sans-serif;letter-spacing:.04em}
.grad{background:linear-gradient(92deg,var(--cyan),var(--violet) 45%,var(--magenta) 75%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.glass{background:var(--panel);border:1px solid var(--border);border-radius:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06)}
.btn{display:inline-block;padding:17px 42px;border-radius:999px;font-weight:800;font-size:17px;text-decoration:none;color:#fff;
  background:linear-gradient(92deg,var(--violet),var(--magenta) 60%,var(--pink));
  box-shadow:0 10px 34px rgba(228,57,213,.4), inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .18s ease, box-shadow .18s ease}
.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 44px rgba(228,57,213,.55), inset 0 1px 0 rgba(255,255,255,.35)}
.btn-ghost{display:inline-block;padding:15px 34px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;color:var(--text);
  border:1px solid var(--border);background:rgba(255,255,255,.03);transition:border-color .18s, background .18s}
.btn-ghost:hover{border-color:var(--magenta);background:rgba(228,57,213,.08)}
.tag{display:inline-block;padding:7px 16px;border-radius:999px;border:1px solid var(--border);color:var(--text-lo);
  font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;background:rgba(255,255,255,.03)}
.price-num{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1}
footer{padding:60px 24px 40px;text-align:center;color:var(--text-lo);font-size:13px}
footer a{color:var(--text-lo)}
@media(max-width:720px){.price-num{font-size:52px}.btn{padding:15px 32px;font-size:15px}}
