*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0b0611;--pnl:#150c22;--vio:#a855f7;--vio2:#7c3aed;--cy:#22d3ee;--gr:#34d399;--tx:#fff;--mut:#c3b6da;--bd:rgba(168,85,247,.28)}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--tx);font-family:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.45}#bgw{position:fixed;inset:0;z-index:0;background:radial-gradient(1100px 620px at 12% -10%,rgba(124,58,237,.42),transparent 62%),radial-gradient(900px 540px at 92% 4%,rgba(34,211,238,.16),transparent 60%),radial-gradient(1000px 700px at 50% 118%,rgba(168,85,247,.24),transparent 65%),linear-gradient(180deg,#0d0714,#080410)}#bgw:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 34%,#000 12%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 34%,#000 12%,transparent 72%)}.wrap{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;max-width:1180px;margin:0 auto;padding:clamp(15px,3vh,30px) clamp(20px,4vw,40px)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.02em;font-size:clamp(16px,2.5vw,22px)}.brand img{width:32px;height:32px;border-radius:9px;display:block;background:linear-gradient(135deg,var(--vio2),var(--vio));object-fit:cover}.live{display:flex;align-items:center;gap:8px;background:var(--pnl);border:1px solid var(--bd);border-radius:999px;padding:8px 16px;font-size:clamp(11px,1.8vw,13px);color:var(--mut);white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--gr);box-shadow:0 0 0 0 rgba(52,211,153,.75);animation:p 1.8s infinite}@keyframes p{70%{box-shadow:0 0 0 11px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.live b{color:#eafff6;font-weight:700}main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(16px,2.5vh,24px);min-height:0;padding:clamp(10px,2vh,20px) 0}h1{font-size:clamp(2rem,6vw,4rem);line-height:1.05;font-weight:700;letter-spacing:-.035em;max-width:20ch}h1 span{background:linear-gradient(96deg,#c084fc,#a855f7 42%,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1 em{font-style:normal;display:block}p.sub{font-size:clamp(.95rem,2.5vw,1.25rem);color:var(--mut);max-width:55ch;line-height:1.6}.cta-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:10px}.cta{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#12031f;font-weight:700;font-size:clamp(1rem,3vw,1.3rem);letter-spacing:-.01em;text-transform:uppercase;padding:clamp(16px,2.5vh,22px) clamp(24px,3vw,36px);width:100%;max-width:380px;border-radius:20px;background:linear-gradient(96deg,#c084fc,#a855f7 46%,#22d3ee);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 1px rgba(168,85,247,.4),0 18px 60px -16px rgba(168,85,247,.85);overflow:hidden;transition:transform .16s,box-shadow .2s}.cta:before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);transition:left .55s ease}.cta:hover,.cta:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px #fff,0 22px 70px -14px rgba(34,211,238,.9)}.cta:hover:before,.cta:focus-visible:before{left:120%}.cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.cta .lbl{position:relative;z-index:2}.trust-text{font-size:clamp(11px,1.8vw,13px);color:var(--mut);opacity:.8}footer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px);flex-wrap:wrap;font-size:clamp(11px,1.6vw,13px);color:#8d7fa8;text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,0.05)}footer a{color:#b9a8d8;text-decoration:none;transition:color .2s}footer a:hover,footer a:focus-visible{color:#fff;text-decoration:underline}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}