:root{--bg1: #120f2b;--bg2: #1f1147;--bg3: #3c1772;--text: #f8f7ff;--muted: #d6cffd;--yes: #ffe66d;--yes2: #ff9f1c;--plain-bg: #f5f7fb;--plain-text: #101828;--plain-muted: #667085;--plain-border: rgba(16,24,40,.08);--shadow: 0 20px 60px rgba(0,0,0,.35);--plain-shadow: 0 18px 40px rgba(16,24,40,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;transition:background .7s ease,color .3s ease}body{color:var(--text);background:radial-gradient(circle at 20% 20%,rgba(255,230,109,.14),transparent 25%),radial-gradient(circle at 80% 0%,rgba(124,92,255,.25),transparent 30%),radial-gradient(circle at 50% 100%,rgba(255,80,140,.18),transparent 30%),linear-gradient(135deg,var(--bg1),var(--bg2) 55%,var(--bg3))}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at center,black 45%,transparent 90%);-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 90%);pointer-events:none;opacity:.5;transition:opacity .4s ease}.reveal-screen{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(255,230,109,.12),transparent 25%),radial-gradient(circle at 80% 0%,rgba(124,92,255,.22),transparent 30%),radial-gradient(circle at 50% 100%,rgba(255,80,140,.14),transparent 30%),linear-gradient(135deg,var(--bg1),var(--bg2) 55%,var(--bg3));opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}.reveal-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.reveal-card{width:min(620px,100%);padding:42px 30px;border-radius:32px;text-align:center;background:linear-gradient(180deg,#ffffff29,#ffffff14);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px #00000057;backdrop-filter:blur(18px)}.reveal-kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.88rem}.reveal-title{margin:20px 0 0;font-size:clamp(2.6rem,8vw,4.6rem);line-height:.95;letter-spacing:-.05em;text-shadow:0 10px 30px rgba(0,0,0,.24)}.reveal-copy{max-width:34rem;margin:18px auto 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.reveal-button{margin-top:28px;padding:16px 24px;border:0;border-radius:999px;background:linear-gradient(135deg,#ffe66dfa,#ff9f1cfa);color:#241431;font:inherit;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 14px 34px #ff9f1c3d;transition:transform .18s ease,box-shadow .18s ease}.reveal-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 18px 38px #ff9f1c47}.reveal-hint{margin-top:18px;color:#ffffffad;font-size:.92rem}.orb{position:fixed;border-radius:999px;filter:blur(60px);opacity:.55;pointer-events:none;animation:float 18s ease-in-out infinite;will-change:transform;transition:opacity .4s ease}.orb.one{width:240px;height:240px;background:#ffe66d40;top:7%;left:10%}.orb.two{width:340px;height:340px;background:#725cff47;right:10%;top:15%;animation-delay:-6s}.orb.three{width:300px;height:300px;background:#ff508c38;left:35%;bottom:-4%;animation-delay:-12s}#experience{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;isolation:isolate}.card{position:relative;z-index:2;width:min(920px,100%);padding:48px 38px 42px;border-radius:36px;background:linear-gradient(180deg,#ffffff29,#ffffff14);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);backdrop-filter:blur(18px);text-align:center;overflow:hidden;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,color .3s ease,transform .3s ease}.shine{position:absolute;inset:-40% auto auto -20%;width:55%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(20deg);animation:shine 16s linear infinite;pointer-events:none;will-change:transform;opacity:1;transition:opacity .3s ease}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;transition:all .3s ease}h1{margin:0;font-size:clamp(4.8rem,14vw,9rem);line-height:.9;letter-spacing:-.07em;text-shadow:0 10px 30px rgba(0,0,0,.28);transition:color .25s ease,filter .25s ease,text-shadow .25s ease,transform .25s ease}.yes{background:linear-gradient(180deg,#fff8c7,#fff0a0 18%,var(--yes) 46%,#ffc145 72%,var(--yes2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,230,109,.22));animation:yesGlow 4.2s ease-in-out infinite}.no{color:inherit;opacity:.98;filter:none;text-shadow:none}.sub{max-width:42rem;margin:18px auto 0;font-size:clamp(1.05rem,2.2vw,1.34rem);line-height:1.6;color:var(--muted);transition:color .25s ease}.footer{margin-top:28px;font-size:.94rem;color:#ffffffc2;transition:color .25s ease}.pulse-layer,.halo-layer,.ribbon-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pulse-ring{position:absolute;left:50%;top:50%;width:180px;height:180px;border-radius:999px;border:2px solid rgba(255,230,109,.18);transform:translate(-50%,-50%) scale(.8);animation:pulseRing 8.5s ease-out infinite;opacity:0;will-change:transform,opacity}.pulse-ring:nth-child(2){animation-delay:-2.8s}.pulse-ring:nth-child(3){animation-delay:-5.6s}.halo{position:absolute;inset:auto 50% 18%;width:min(70vw,520px);height:min(70vw,520px);transform:translate(-50%);border-radius:999px;background:radial-gradient(circle,rgba(255,227,109,.14),rgba(255,159,28,.07) 35%,rgba(124,92,255,.04) 60%,transparent 72%);filter:blur(10px);opacity:.9;animation:haloBreath 8s ease-in-out infinite}.ribbon{position:absolute;width:180px;height:180px;border-radius:999px;border:1px solid rgba(255,255,255,.08);opacity:.3;filter:blur(.2px);animation:ribbonSpin linear infinite;transform-origin:center center}.burst{position:absolute;inset:0;pointer-events:none;overflow:hidden}.star{position:absolute;opacity:0;text-shadow:0 0 16px rgba(255,255,255,.4);will-change:transform,opacity;animation:twinkle 9s ease-in-out infinite}.celebrate-btn{margin-top:30px;display:inline-flex;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#fff7d9;font:inherit;font-weight:700;cursor:pointer;position:relative;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:0 0 #fff0;overflow:visible}.celebrate-btn:after{content:"";position:absolute;inset:-18px;border-radius:999px;background:radial-gradient(circle,#ffe66d73,#ffe66d38 35%,#ffe66d14 55%,#ffe66d00 70%);opacity:0;transform:scale(.8);pointer-events:none}.celebrate-btn:hover{transform:translateY(-1px) scale(1.02);background:#ffffff24;box-shadow:0 0 24px #ffe0821f}.celebrate-btn.pulse-click{animation:buttonPulse .42s ease}.celebrate-btn.pulse-click:after{animation:buttonGlow .42s ease}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(14px,-22px,0)}}@keyframes shine{0%{transform:translate(-35%) rotate(20deg)}to{transform:translate(250%) rotate(20deg)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}10%{opacity:.12}45%{opacity:.2}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}@keyframes haloBreath{0%,to{transform:translate(-50%) scale(.98);opacity:.72}50%{transform:translate(-50%) scale(1.06);opacity:.98}}@keyframes ribbonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.06;transform:scale(.9) translateY(0)}50%{opacity:.45;transform:scale(1.08) translateY(-4px)}}@keyframes yesGlow{0%,to{filter:drop-shadow(0 0 18px rgba(255,230,109,.18));transform:translateY(0)}50%{filter:drop-shadow(0 0 26px rgba(255,230,109,.28));transform:translateY(-1px)}}@keyframes buttonPulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes buttonGlow{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media(max-width:640px){.card{padding:34px 22px 30px;border-radius:24px}h1{font-size:clamp(3.5rem,18vw,5.5rem)}.badge{font-size:.82rem}.footer{padding:0 8px}.reveal-card{padding:34px 22px;border-radius:24px}.reveal-copy{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}