*{box-sizing:border-box}:root{--bg:#07070a;--text:#fff}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100svh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit}.hidden{display:none!important}.landing,.ready,.end-screen{min-height:100svh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 15%,#4c1d9555,transparent 30%),radial-gradient(circle at 10% 90%,#00e5ff22,transparent 25%),#07070a}.card,.ready-card,.end-card{width:min(580px,95vw);text-align:center;padding:36px 24px 28px;border:1px solid #ffffff22;border-radius:30px;background:linear-gradient(#ffffff0e,#ffffff06);box-shadow:0 28px 90px #0008;backdrop-filter:blur(18px)}.mini-ball{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:repeating-linear-gradient(0deg,#0003 0 2px,transparent 2px 15px),repeating-linear-gradient(90deg,#0003 0 2px,transparent 2px 15px),radial-gradient(circle at 35% 28%,#fff,#d9dcf2 28%,#8489a0 66%,#343849);box-shadow:0 0 55px #fff4;animation:float 2.2s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px) rotate(12deg)}}h1{margin:0;font-size:clamp(44px,10vw,80px);line-height:.92;letter-spacing:-.06em}.hero-copy,.ready-card p,.end-card p{color:#ffffffbb;font-size:17px;margin:14px auto 20px;max-width:450px}.hero-copy strong{color:#fff}.ref-banner{display:inline-block;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:#ff1fbf22;border:1px solid #ff1fbf66;font-size:12px;font-weight:950;letter-spacing:.08em}.how-it-works{display:flex;justify-content:center;gap:6px;margin:0 auto 18px;flex-wrap:wrap}.how-it-works span{padding:7px 9px;border-radius:999px;background:#ffffff0b;border:1px solid #ffffff18;font-size:10px;font-weight:900;letter-spacing:.04em}.party-button,.start-party-button{width:min(390px,90vw);border:0;border-radius:999px;padding:17px 22px;cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff1fbf,#7c3aed 48%,#00d9ff);box-shadow:0 13px 45px #7c3aed66;touch-action:manipulation}.party-button:active,.start-party-button:active,.again-button:active,.share-link:active,.social-grid button:active{transform:scale(.97)}.party-button:disabled,.start-party-button:disabled{opacity:.7}.button-main{display:block;font-weight:950;font-size:21px}.button-sub{display:block;font-size:12px;opacity:.85;font-weight:700}.trust-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:13px auto 0;color:#ffffff88;font-size:10px;font-weight:750}.share-link{margin-top:14px;border:0;background:transparent;color:#d8d8e8;font-weight:850;font-size:12px;letter-spacing:.07em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.status{min-height:18px;font-size:12px!important;margin:8px 0!important}.status.error{color:#ff9aab}.challenge-box{margin:8px auto 0;max-width:410px;padding:12px 15px;border-radius:16px;background:#0004;border:1px solid #ffffff12;display:grid;gap:3px}.challenge-box strong{font-size:10px;letter-spacing:.2em;color:#fff}.challenge-box span{font-size:11px;color:#ffffff88}.fineprint{font-size:10px!important;opacity:.45;margin:10px auto 0!important}.ready{background:radial-gradient(circle,#7c3aed55,transparent 35%),#050507}.ready-card h2,.end-card h2{font-size:clamp(42px,10vw,72px);line-height:.9;margin:14px 0;letter-spacing:-.05em}.ready-burst{font-size:82px;animation:readyPulse 1s ease-in-out infinite alternate;text-shadow:0 0 40px #fff,0 0 80px #ff1fbf}@keyframes readyPulse{to{transform:scale(1.18) rotate(20deg)}}.start-party-button{font-weight:950;font-size:20px;animation:startGlow 1s ease-in-out infinite alternate}@keyframes startGlow{to{box-shadow:0 0 30px #ff1fbf,0 0 70px #00d9ff}}.end-screen{background:radial-gradient(circle at 50% 25%,#ff1fbf33,transparent 28%),radial-gradient(circle at 20% 80%,#00d9ff22,transparent 28%),#060608}.end-card{animation:endPop .55s cubic-bezier(.2,.9,.2,1);position:relative;overflow:hidden}.end-card:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,#ff1fbf22,transparent,#00d9ff22,transparent);animation:endSpin 7s linear infinite;pointer-events:none}.end-card>*{position:relative;z-index:1}.end-emoji{font-size:76px;filter:drop-shadow(0 0 24px #fff8);animation:endBounce 1.1s ease-in-out infinite alternate}.share-main{animation:startGlow 1s ease-in-out infinite alternate}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(390px,90vw);margin:14px auto 0}.social-grid button{border:1px solid #ffffff20;border-radius:14px;padding:11px 8px;background:#ffffff0c;color:#fff;font-weight:850;font-size:12px;cursor:pointer}.again-button{display:block;width:min(390px,90vw);margin:14px auto 0;border:1px solid #ffffff26;border-radius:999px;padding:13px 20px;background:#ffffff0d;color:#fff;font-weight:900;cursor:pointer}.end-card .status{margin:10px auto 0!important;min-height:20px}.end-card .eyebrow{margin-top:8px}@keyframes endPop{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@keyframes endBounce{to{transform:translateY(-8px) rotate(8deg) scale(1.06)}}@keyframes endSpin{to{transform:rotate(360deg)}}.party{position:relative;min-height:100svh;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:#09000f;animation:bgPulse 2s infinite steps(1)}@keyframes bgPulse{0%{background:#100018}25%{background:#001622}50%{background:#1b000d}75%{background:#071900}}.party:after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:radial-gradient(circle at center,transparent 20%,#0008 90%)}.flash{position:absolute;inset:0;z-index:8;pointer-events:none;background:white;opacity:0}.beat-hit .flash{animation:flash .11s}@keyframes flash{50%{opacity:.12}}.stars,.confetti{position:absolute;inset:0;overflow:hidden}.star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff;animation:twinkle 1s infinite alternate}@keyframes twinkle{to{transform:scale(2.5);opacity:.2}}.confetti{z-index:8;pointer-events:none}.confetti i{position:absolute;top:-20px;width:9px;height:18px;background:#ffe62e;animation:fall linear forwards}.confetti i:nth-child(3n){background:#ff24b7}.confetti i:nth-child(3n+1){background:#28e7ff}@keyframes fall{to{transform:translate(var(--x),110svh) rotate(var(--r))}}.disco-wrap{position:absolute;top:1svh;left:50%;transform:translateX(-50%);z-index:5}.hanger{width:4px;height:6svh;margin:auto;background:linear-gradient(#777,#fff)}.disco-ball{width:clamp(125px,22vw,205px);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(0deg,#ffffff44 0 2px,transparent 2px 15px),repeating-linear-gradient(90deg,#ffffff44 0 2px,transparent 2px 15px),radial-gradient(circle at 32% 27%,#fff,#cdd5ff 20%,#6870c8 45%,#181b31 78%);box-shadow:0 0 60px #fff7,0 0 130px #7c3aedaa;animation:spin 3.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orbit{position:absolute;left:50%;top:60%;width:240px;height:70px;border:2px solid #ffffff55;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg);box-shadow:0 0 20px #00e5ff}.orbit-b{width:290px;animation:orbit 1.4s infinite alternate;box-shadow:0 0 24px #ff1fbf}@keyframes orbit{to{transform:translate(-50%,-50%) rotateX(65deg) scale(1.2);opacity:.15}}.party-copy{z-index:6;text-align:center;transform:translateY(6svh);padding:0 14px}.eyebrow{font-weight:950;letter-spacing:.4em;font-size:11px;opacity:.8}.party-copy h2{margin:10px 0 5px;font-size:clamp(58px,14vw,145px);line-height:.84;letter-spacing:-.07em;animation:textFlash .6s infinite steps(1);text-shadow:0 0 30px currentColor}@keyframes textFlash{0%{color:#ff43c0}25%{color:#35e7ff}50%{color:#ffe74a}75%{color:#9bff5a}}#countdown{font-variant-numeric:tabular-nums;font-size:clamp(38px,8vw,68px);font-weight:950;letter-spacing:.08em;text-shadow:0 0 22px #fff8}.equalizer{height:44px;display:flex;justify-content:center;align-items:flex-end;gap:5px;margin-top:8px}.equalizer i{width:6px;height:10px;border-radius:4px;background:currentColor;animation:eq .35s infinite alternate}.equalizer i:nth-child(2n){animation-duration:.55s}.equalizer i:nth-child(3n){animation-duration:.22s}@keyframes eq{to{height:42px}}.light-beam{position:absolute;width:19vw;min-width:140px;height:115svh;top:-15svh;left:50%;transform-origin:top center;filter:blur(8px);opacity:.38;z-index:1}.beam-a{background:linear-gradient(#ff00c8,transparent 75%);animation:swayA 1.2s infinite alternate}.beam-b{background:linear-gradient(#00e5ff,transparent 75%);animation:swayB 1.5s infinite alternate}.beam-c{background:linear-gradient(#ffe600,transparent 75%);animation:swayC 1s infinite alternate}.beam-d{background:linear-gradient(#74ff30,transparent 75%);animation:swayD 1.7s infinite alternate}@keyframes swayA{from{transform:translateX(-50%) rotate(-42deg)}to{transform:translateX(-50%) rotate(30deg)}}@keyframes swayB{from{transform:translateX(-50%) rotate(44deg)}to{transform:translateX(-50%) rotate(-25deg)}}@keyframes swayC{from{transform:translateX(-50%) rotate(-15deg)}to{transform:translateX(-50%) rotate(48deg)}}@keyframes swayD{from{transform:translateX(-50%) rotate(25deg)}to{transform:translateX(-50%) rotate(-50deg)}}.laser{position:absolute;z-index:4;top:40%;left:-20%;width:140%;height:3px;background:#00f5ff;box-shadow:0 0 8px #00f5ff,0 0 22px #00f5ff;animation:laser 1.4s linear infinite}.laser-b{background:#ff20c8;box-shadow:0 0 8px #ff20c8,0 0 22px #ff20c8;animation-delay:-.7s;animation-direction:reverse}@keyframes laser{0%{transform:rotate(-25deg) translateY(-25svh)}50%{transform:rotate(18deg) translateY(10svh)}100%{transform:rotate(-25deg) translateY(35svh)}}.floor{position:absolute;left:-5vw;right:-5vw;bottom:-6svh;height:31svh;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px;z-index:3;transform:perspective(520px) rotateX(58deg) scaleX(1.2);transform-origin:bottom}.floor span{border-radius:4px;animation:tile .65s infinite steps(1);box-shadow:inset 0 0 22px #fff7}.floor span:nth-child(3n){animation-delay:-.2s}.floor span:nth-child(4n){animation-delay:-.4s}@keyframes tile{0%{background:#ff1fae}25%{background:#00d9ff}50%{background:#8b5cf6}75%{background:#facc15}}.utility-button{position:absolute;right:14px;bottom:14px;z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff33;background:#0007;color:#fff}.beat-hit .disco-ball{transform:scale(1.07);box-shadow:0 0 90px #fff,0 0 170px #ff1fbf}.beat-hit .party-copy{transform:translateY(6svh) scale(1.025)}.finale{animation-duration:.55s}.finale .party-copy h2{animation-duration:.2s}.finale .laser{animation-duration:.45s}.finale .floor span{animation-duration:.25s}@media(max-width:600px){.party-copy{transform:translateY(8svh)}.floor{height:27svh}.disco-wrap{top:0}.orbit{width:190px}.orbit-b{width:230px}.card,.ready-card,.end-card{padding:28px 15px 22px}.mini-ball{width:60px;height:60px;margin-bottom:14px}.hero-copy{font-size:15px}.button-main{font-size:19px}.trust-row{gap:7px}.challenge-box{padding:10px}.end-emoji{font-size:64px}}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important}.confetti{display:none}}

/* Neon interactive landing page */
.landing{position:relative;display:block;overflow:visible;padding:0;isolation:isolate;background:radial-gradient(circle at 50% 29%,#ff19b83f 0,transparent 18%),radial-gradient(circle at 50% 31%,#14dfff2b 0,transparent 29%),radial-gradient(circle at 15% 8%,#7c3aed22,transparent 25%),linear-gradient(180deg,#05050a 0%,#020206 100%)}
.landing:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px),radial-gradient(circle,#ff2cad 0 1.5px,transparent 1.8px),radial-gradient(circle,#19dbff 0 1.2px,transparent 1.5px);background-size:57px 63px,91px 87px,73px 79px;background-position:0 0,20px 31px,44px 15px;opacity:.35}
.landing-shell{position:relative;z-index:2;width:min(650px,100%);min-height:100svh;margin:0 auto;padding:24px 18px 42px;text-align:center}
.brand-title{display:flex;justify-content:center;align-items:center;gap:0;margin:8px 0 6px;font-size:clamp(46px,12vw,82px);font-style:italic;font-weight:1000;letter-spacing:-.075em;filter:drop-shadow(0 0 18px #fff4)}
.brand-title span:nth-child(1){color:#fff}.brand-title span:nth-child(2){color:#ff168f;text-shadow:0 0 22px #ff168f88}.brand-title span:nth-child(3){color:#17d7ff;text-shadow:0 0 22px #17d7ff88}
.hero-disco{position:relative;width:min(58vw,285px);aspect-ratio:1;margin:4px auto 8px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff8 0 1px,transparent 2px);filter:drop-shadow(0 0 25px #ff1fbf55)}
.hero-disco:before{content:"";position:absolute;width:160%;height:160%;border-radius:50%;background:repeating-conic-gradient(from 5deg,#ff29bd22 0 4deg,transparent 4deg 12deg),repeating-conic-gradient(from 2deg,#1bdcff18 0 3deg,transparent 3deg 11deg);animation:heroRays 12s linear infinite}
.hero-disco-ball{position:relative;width:72%;aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(0deg,#ffffff3d 0 2px,transparent 2px 13px),repeating-linear-gradient(90deg,#ffffff3d 0 2px,transparent 2px 13px),radial-gradient(circle at 32% 25%,#fff,#ff8bdc 19%,#d81d9a 34%,#4054d8 61%,#10152c 82%);box-shadow:0 0 28px #fff7,0 0 65px #ff1fbfaa,0 0 110px #00d9ff66;animation:heroBall 7s linear infinite}
@keyframes heroBall{to{transform:rotate(360deg)}}@keyframes heroRays{to{transform:rotate(-360deg)}}
.hero-offer h2{margin:0;font-size:clamp(34px,8vw,50px);line-height:1.02;letter-spacing:-.045em}.hero-offer h2 em{font-style:normal;color:#ff168f;text-shadow:0 0 20px #ff168f55}.hero-offer p{margin:10px 0 18px;font-size:clamp(18px,4vw,25px);color:#ddd}.hero-offer strong{color:#ff168f}
.hero-cta{width:min(520px,92vw);padding:0;background:linear-gradient(180deg,#ff1b93,#f70778);border:2px solid #ff6ab7;box-shadow:0 0 18px #ff168faa,0 0 48px #ff168f55}.hero-cta .button-main{padding:17px 20px 8px;font-size:clamp(20px,5vw,27px)}.hero-cta .button-sub{padding:0 20px 14px;font-size:13px;color:#fff;opacity:.8}
.how-panel{margin:20px auto 0;padding:16px 0 12px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.how-title{margin-bottom:15px;color:#ff168f;font-weight:900;letter-spacing:.06em}.how-grid{display:grid;grid-template-columns:repeat(3,1fr)}.how-grid>div{display:grid;justify-items:center;gap:6px;padding:0 8px}.how-grid>div+div{border-left:1px solid #ffffff22}.how-grid b{display:grid;place-items:center;width:58px;height:58px;border:2px solid #ff168f;border-radius:50%;font-size:26px;color:#ff59b3;box-shadow:0 0 20px #ff168f44}.how-grid strong{font-size:15px}.how-grid span{font-size:11px;color:#ffffff99;line-height:1.25}.thanks{margin:17px 0 4px;color:#eee;font-size:14px}.landing .share-link{color:#ff7fc2;text-decoration:none;margin-top:16px}.landing .fineprint{margin-top:8px!important}.landing .ref-banner{margin-top:2px}
.landing-confetti{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden}.landing-confetti i{position:absolute;width:9px;height:14px;border-radius:2px;background:var(--c,#ff2cad);transform:translate(-50%,-50%);animation:tapConfetti .85s cubic-bezier(.15,.6,.2,1) forwards;box-shadow:0 0 9px color-mix(in srgb,var(--c) 65%,transparent)}@keyframes tapConfetti{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(.65)}}
@media(min-width:700px) and (max-height:850px){.landing-shell{padding-top:14px}.brand-title{font-size:58px;margin-top:0}.hero-disco{width:205px;margin-top:0}.hero-offer h2{font-size:40px}.hero-offer p{margin:6px 0 12px}.hero-cta .button-main{padding-top:13px}.hero-cta .button-sub{padding-bottom:11px}.how-panel{margin-top:14px;padding-top:12px}.how-grid b{width:50px;height:50px;font-size:22px}}
@media(max-width:430px){.landing-shell{padding:18px 12px 32px}.brand-title{font-size:12.2vw}.hero-disco{width:57vw}.hero-offer h2{font-size:8.8vw}.hero-offer p{font-size:5.2vw}.how-grid b{width:52px;height:52px}.how-grid strong{font-size:13px}.how-grid span{font-size:10px}.hero-cta{width:94vw}}
@media(prefers-reduced-motion:reduce){.landing-confetti{display:none}.hero-disco-ball,.hero-disco:before{animation:none!important}}