button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heroTitle{background:linear-gradient(90deg,#fffffff2 0%,#ff9bffeb 35%,#8cb4ffeb 70%,#fffffff2 100%);color:#0000;text-shadow:0 0 16px #be96ff47,0 0 28px #78beff29;-webkit-background-clip:text;background-clip:text;animation:.65s cubic-bezier(.2,.9,.2,1) both heroIn}@keyframes heroIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.underlineGlow{background:linear-gradient(90deg,#fff0 0%,#ffffff3d 18%,#ffa0ff47 45%,#78beff42 70%,#fff0 100%);position:relative;overflow:hidden;box-shadow:0 0 14px #b478ff2e,0 0 18px #78beff1f}.underlineGlow:after{content:"";filter:blur(1px);opacity:.65;will-change:transform,opacity;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff8c 50%,#0000 100%);width:32%;height:14px;animation:4.2s ease-in-out infinite underlineSweep;position:absolute;top:-6px;left:0;transform:translate(-180%)skew(-18deg)}@keyframes underlineSweep{0%,55%{opacity:0;transform:translate(-180%)skew(-18deg)}60%{opacity:.7}80%{opacity:.25;transform:translate(360%)skew(-18deg)}to{opacity:0;transform:translate(360%)skew(-18deg)}}.glassPanel{background:linear-gradient(160deg,#ffffff2e 0%,#ffffff1c 30%,#ffffff12 70%,#ffffff0a 100%)}.aurora{background:radial-gradient(1200px 800px at 20% 10%,#7c3aed70,#0000 55%),radial-gradient(1000px 760px at 80% 20%,#3b82f657,#0000 58%),radial-gradient(1100px 900px at 75% 85%,#ec48994d,#0000 60%),radial-gradient(1200px 900px at 35% 90%,#6366f147,#0000 60%),linear-gradient(135deg,#060715,#070a18 30%,#050510);animation:28s ease-in-out infinite alternate auroraMove;inset:-10%}@keyframes auroraMove{0%{transform:translate(0)}50%{transform:translate(5%,3%)}to{transform:translate(2%,6%)}}.vignette{mix-blend-mode:multiply;background:radial-gradient(120% 90% at 50% 30%,#0000 45%,#0000009e 100%)}.grain{opacity:.085;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.38'/%3E%3C/svg%3E")}.blobFloat{animation:20s ease-in-out infinite alternate blobFloat}@keyframes blobFloat{0%{opacity:.58;transform:translateY(-18px)}50%{opacity:.74;transform:translateY(10px)}to{opacity:.62;transform:translateY(24px)}}.star{background:#ffffffeb;border-radius:9999px;animation:ease-in-out infinite twinkle;display:block;position:absolute;box-shadow:0 0 12px #ffffff2e}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:.85;transform:scale(1.05)}}.panelPad{padding:clamp(14px,5vw,22px) clamp(14px,4vw,22px);box-shadow:0 36px 120px #0009}.panelGlowBase,.panelGlowPulse{border-radius:inherit;pointer-events:none;position:absolute;inset:-10px}.panelGlowBase{opacity:.22;box-shadow:0 0 56px #b478ff1a}.panelGlowPulse{opacity:.18;animation:8.8s ease-in-out infinite panelGlowPulse;box-shadow:0 0 56px #b478ff29}.panelGlowSuccess{animation:.56s ease-out both panelGlowSuccess}@keyframes panelGlowPulse{0%,to{opacity:.08;transform:scale(.995)}50%{opacity:.36;transform:scale(1.01)}}@keyframes panelGlowSuccess{0%{opacity:.14;transform:scale(.995)}to{opacity:.6;transform:scale(1.02)}}.panelContentShell{min-height:430px;position:relative}.lightSweep{background:linear-gradient(110deg,#0000 0%,#ffffff1f 45%,#0000 85%);width:60%;height:140%;animation:12s ease-in-out infinite sweep;position:absolute;top:-40%;left:0;transform:translate(-170%)skew(-18deg)}@keyframes sweep{0%{opacity:0;transform:translate(-170%)skew(-18deg)}15%{opacity:.9}40%{opacity:.25;transform:translate(340%)skew(-18deg)}to{opacity:0;transform:translate(340%)skew(-18deg)}}.titleIn{animation:.52s ease-out both titleIn}.titleIn2{animation:.65s ease-out both titleIn2}@keyframes titleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes titleIn2{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shake{animation:.32s ease-out shake}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.pinDot{background:#ffffff0a;border:1px solid #ffffff8c;border-radius:9999px;width:clamp(10px,3vw,12px);height:clamp(10px,3vw,12px);transition:transform .18s,border-color .18s,background .18s;position:relative}.pinDot:after{content:"";opacity:0;background:radial-gradient(circle at 35% 30%,#fffffff2,#d2d2ff8c 52%,#ffffff1f 72%);border-radius:9999px;transition:opacity .18s,transform .18s;position:absolute;inset:0;transform:scale(.9)}.pinDot.filled{background:#ffffff14;border-color:#ffffffe0;animation:.16s ease-out pop;box-shadow:0 0 14px #ffffff52}.pinDot.filled:after{opacity:1;transform:scale(1)}@keyframes pop{0%{transform:scale(.8)}55%{transform:scale(1.15)}to{transform:scale(1)}}.pinDot.err{background:#ff54781a;border-color:#ff5478fa;box-shadow:0 0 16px #ff54785c}.pinDot.err:after{opacity:0!important}.pinDot.ok{border-color:#78ffb4b3;box-shadow:0 0 20px #78ffb433}.dotParticlesOut{filter:blur(8px);background:radial-gradient(circle at 30%,#a0ffd233,#0000 55%),radial-gradient(circle,#b478ff2e,#0000 60%),radial-gradient(circle at 70%,#ffffff1f,#0000 62%);border-radius:9999px;width:170px;height:48px;animation:.56s ease-out forwards dotsOut}@keyframes dotsOut{0%{opacity:0;transform:translate(-50%)scale(.95)}30%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.18)}}.keySize{width:clamp(56px,18vw,82px);height:clamp(56px,18vw,82px)}.keyboardGap{gap:clamp(12px,4vw,16px)}.keyBtn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:9999px;transition:transform .12s,background .12s;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000042,inset 0 1px #ffffff2e}.keyBtn:before{content:"";opacity:.9;pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff75,#ffffff1a 40%,#fff0 68%);position:absolute;inset:-40%;transform:translateY(-6px)}.keyBtn:hover{background:#ffffff24;box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff38}.keyBtn:active{background:#ffffff29;transform:scale(.95);box-shadow:0 22px 54px #00000057,inset 0 1px #ffffff2e}.ripple{pointer-events:none;will-change:transform,opacity;background:radial-gradient(circle,#ffffff6b,#ffffff1f 45%,#fff0 70%);border-radius:9999px;animation:.52s ease-out forwards ripple;position:absolute;transform:translate(-50%,-50%)}.subtleRipple{background:radial-gradient(circle,#ffffff3d,#ffffff17 45%,#fff0 70%)}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)}12%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.ctaOn{background:linear-gradient(90deg,#2aa7ff,#7b3dff,#ff4dcc);box-shadow:0 18px 56px #7846ff57,0 0 48px #ff4dcc1f}.ctaOn:hover{transform:translateY(-1px);box-shadow:0 22px 62px #7846ff61,0 0 58px #ff4dcc24}.ctaOn:active{transform:translateY(0)scale(.99)}.ctaOff{cursor:not-allowed;background:linear-gradient(90deg,#2aa7ff42,#7b3dff33,#ff4dcc29);box-shadow:0 14px 46px #7846ff24,0 0 34px #ff4dcc14}.ctaShimmer{opacity:.55;pointer-events:none;will-change:transform;background:linear-gradient(115deg,#0000 0%,#ffffff8c 45%,#0000 85%);width:60%;height:100%;animation:2.9s linear infinite shimmer;position:absolute;top:0;left:0;transform:translate(-180%)skew(-18deg)}button:disabled .ctaShimmer{opacity:.18;animation-duration:3.6s}@keyframes shimmer{0%{transform:translate(-180%)skew(-18deg)}to{transform:translate(360%)skew(-18deg)}}.toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fffc;letter-spacing:.2px;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:9999px;justify-content:center;align-items:center;padding:9px 14px;font-size:12.5px;animation:.22s ease-out toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.giftCard{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:22px;padding:18px 16px;box-shadow:0 26px 80px #00000061,inset 0 1px #ffffff2e}.springIn{will-change:transform,opacity;animation:.52s cubic-bezier(.18,1.35,.35,1) both spring}@keyframes spring{0%{opacity:0;transform:translateY(10px)scale(.92)}60%{opacity:1;transform:translateY(0)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.confetti{opacity:.95;filter:drop-shadow(0 10px 18px #00000040);will-change:transform,opacity;animation:linear forwards fall;position:absolute;transform:translateY(-24px)rotate(0)}@keyframes fall{0%{opacity:0;transform:translateY(-24px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.heroTitle,.underlineGlow:after,.aurora,.blobFloat,.star,.panelGlowPulse,.panelGlowSuccess,.lightSweep,.titleIn,.titleIn2,.shake,.dotParticlesOut,.ripple,.ctaShimmer,.springIn,.confetti{animation:none!important}.keyBtn,.pinDot,.toast,.ctaOn,.ctaOff{transition:none!important}}
