.google-login-button-wrapper{display:flex;justify-content:center;width:100%;margin:1rem 0}.google-login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#fff,#f8f9fa);color:#3c4043;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.google-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.google-login-button:hover:before{left:100%}.google-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.google-login-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.google-login-button:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f433}.google-icon{color:#4285f4;flex-shrink:0}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,133,244,.1),transparent);transition:left .8s}.google-login-button:hover .button-shine{left:100%}.google-login-button.loading{pointer-events:none;opacity:.7}.google-login-button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid #4285f4;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;right:1rem;top:50%;transform:translateY(-50%)}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@media(max-width:768px){.google-login-button-wrapper{margin:.75rem 0}.google-login-button{padding:.875rem 1.25rem;font-size:.95rem}}@media(max-width:480px){.google-login-button{padding:.75rem 1rem;font-size:.9rem;gap:.5rem}}@media(prefers-color-scheme:dark){.google-login-button{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#4a5568;color:#f7fafc;box-shadow:0 4px 12px #0000004d}.google-login-button:hover{background:linear-gradient(135deg,#4a5568,#718096);box-shadow:0 6px 20px #0006}.google-login-button:active{background:linear-gradient(135deg,#718096,#a0aec0)}}@media(prefers-contrast:high){.google-login-button{border-width:3px;border-color:#000}.google-login-button:focus{border-color:#4285f4;border-width:3px}}@media(prefers-reduced-motion:reduce){.google-login-button,.google-login-button:before,.button-shine{transition:none;animation:none}.google-login-button:hover{transform:none}}.symbol-animation-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:var(--symbol-size, 120px);-webkit-user-select:none;user-select:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.symbol-animation-container.interactive{cursor:pointer}.symbol-animation-container.interactive:hover{transform:translateY(-4px) scale(1.04)}.symbol-canvas-vfx{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.symbol-frame{position:relative;width:var(--symbol-size, 120px);height:var(--symbol-size, 120px);border-radius:20px;background:radial-gradient(135% 135% at 30% 20%,#ffffff1f,#141423d9);border:1.5px solid rgba(255,255,255,.15);box-shadow:0 10px 30px -5px #0009,inset 0 1px 1px #ffffff4d;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.symbol-aura{position:absolute;inset:-10px;border-radius:28px;background:radial-gradient(circle,var(--symbol-aura, rgba(255, 215, 0, .4)) 0%,transparent 70%);opacity:.6;filter:blur(10px);pointer-events:none;z-index:-1;transition:opacity .3s ease}.symbol-inner-asset{position:relative;display:flex;align-items:center;justify-content:center;z-index:3;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));transition:transform .3s ease}.symbol-icon{font-size:calc(var(--symbol-size, 120px) * .55);display:inline-block;transform-origin:center center}.symbol-shine-sweep{position:absolute;inset:0;border-radius:20px;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);transform:translate(-150%);pointer-events:none;z-index:4;overflow:hidden}.symbol-meta-name{margin-top:8px;font-size:.8rem;font-weight:700;letter-spacing:.05em;color:#e0e0e0;text-shadow:0 2px 4px rgba(0,0,0,.8);text-align:center;z-index:5}.symbol-win-multiplier{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff9800,#f44336);color:#fff;font-weight:900;font-size:.85rem;padding:4px 8px;border-radius:12px;border:1.5px solid #ffffff;box-shadow:0 4px 12px #f4433699;z-index:10;animation:badgePop .4s cubic-bezier(.175,.885,.32,1.275)}.symbol-animation-container.state-appear .symbol-frame{animation:symbolAppearPop .6s cubic-bezier(.34,1.56,.64,1) forwards}.symbol-animation-container.state-appear .symbol-icon{animation:symbolIconAppear .6s cubic-bezier(.34,1.56,.64,1) forwards}.symbol-animation-container.state-appear .symbol-shine-sweep{animation:shineSweepPass .7s cubic-bezier(.4,0,.2,1) .2s forwards}.symbol-animation-container.state-idle .symbol-frame{animation:frameIdleFloat 3.5s ease-in-out infinite alternate}.symbol-animation-container.state-idle .symbol-icon{animation:iconIdleBreathe 3s ease-in-out infinite alternate}.symbol-animation-container.state-idle .symbol-aura{animation:auraIdlePulse 3s ease-in-out infinite alternate}.symbol-animation-container.state-idle .symbol-shine-sweep{animation:shineSweepPeriodic 6s ease-in-out infinite}.symbol-animation-container.state-win .symbol-frame{border-color:var(--symbol-color, #ffd700);box-shadow:0 0 35px var(--symbol-color, #ffd700),inset 0 0 15px var(--symbol-color, #ffd700);animation:frameWinPulse .8s cubic-bezier(.25,1,.5,1) infinite alternate}.symbol-animation-container.state-win .symbol-icon{animation:iconWinExcitement .75s ease-in-out infinite alternate}.symbol-animation-container.state-win .symbol-aura{opacity:1;filter:blur(16px);animation:auraWinFrenzy .6s ease-in-out infinite alternate}.symbol-animation-container.state-win .symbol-shine-sweep{animation:shineSweepPass .8s ease-in-out infinite}@keyframes symbolAppearPop{0%{transform:scale(.2) rotate(-15deg);opacity:0}70%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes symbolIconAppear{0%{transform:scale(0) translateY(20px)}60%{transform:scale(1.25) translateY(-5px)}to{transform:scale(1) translateY(0)}}@keyframes frameIdleFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes iconIdleBreathe{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(2deg)}to{transform:scale(1) rotate(-1deg)}}@keyframes auraIdlePulse{0%{opacity:.35;transform:scale(.95)}to{opacity:.75;transform:scale(1.1)}}@keyframes frameWinPulse{0%{transform:scale(1.02)}to{transform:scale(1.14)}}@keyframes iconWinExcitement{0%{transform:scale(1.05) rotate(-5deg) translateY(-2px)}50%{transform:scale(1.25) rotate(5deg) translateY(-8px)}to{transform:scale(1.1) rotate(-3deg) translateY(-2px)}}@keyframes auraWinFrenzy{0%{transform:scale(1);opacity:.6}to{transform:scale(1.35);opacity:1}}@keyframes shineSweepPass{0%{transform:translate(-150%)}to{transform:translate(150%)}}@keyframes shineSweepPeriodic{0%,80%{transform:translate(-150%)}90%,to{transform:translate(150%)}}@keyframes badgePop{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.25) rotate(5deg)}to{transform:scale(1) rotate(0)}}.symbol-showcase-panel{background:radial-gradient(circle at 50% 10%,#1e1e3cf2,#0a0a14fa);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px 24px;margin:24px auto;max-width:960px;box-shadow:0 20px 50px #000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff}.showcase-header{text-align:center;margin-bottom:28px}.header-badge{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:4px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border-radius:20px;margin-bottom:12px;text-transform:uppercase}.header-title{font-size:1.8rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#fff 40%,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-desc{font-size:.95rem;color:#94a3b8;max-width:640px;margin:0 auto;line-height:1.5}.showcase-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.controls-label{font-size:.9rem;font-weight:600;color:#cbd5e1}.control-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#f1f5f9;padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.control-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa;box-shadow:0 4px 14px #2563eb66}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px;justify-items:center}.symbol-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;max-width:140px;transition:all .25s ease}.symbol-card:hover{background:#ffffff0f;border-color:#ffffff2e}.symbol-card-footer{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.state-tag{font-size:.7rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}.trigger-win-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.72rem;font-weight:600;padding:4px 8px;border-radius:8px;cursor:pointer;width:100%;transition:background .2s ease}.trigger-win-btn:hover{background:#ffffff2e;color:#fff}:root{--reel-width: 130px;--symbol-height: 110px;--reel-border-radius: 12px;--gold-glow: rgba(255, 215, 0, .6);--cyan-glow: rgba(0, 229, 255, .7);--teaser-glow: rgba(255, 179, 0, .85);--teaser-electric: #00f0ff;--bg-slot-dark: #070913}.slot-machine-vfx-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1080px;margin:0 auto;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,-apple-system,sans-serif;color:#f1f5f9}.slot-main-frame{position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 20%,#151a30,#080b16);border-radius:20px;padding:18px 24px;box-shadow:0 20px 50px #000c,inset 0 1px 1px #ffffff26,0 0 0 2px #d4af3766,0 0 30px #d4af3726;border:2px solid #2a3352;overflow:hidden;transition:transform .15s ease-out}.slot-main-frame.shake-active{animation:reelScreenShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes reelScreenShake{10%,90%{transform:translate3d(-2px,2px,0)}20%,80%{transform:translate3d(3px,-2px,0)}30%,50%,70%{transform:translate3d(-4px,3px,0)}40%,60%{transform:translate3d(4px,-3px,0)}}.slot-header-bar{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.slot-title-badge{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;letter-spacing:1px;color:gold;text-shadow:0 0 12px rgba(255,215,0,.5);text-transform:uppercase}.scatter-counter-badge{display:flex;align-items:center;gap:6px;background:#0009;padding:6px 14px;border-radius:30px;border:1px solid rgba(255,215,0,.4);font-size:.9rem;font-weight:700;color:#fff;transition:all .3s ease}.scatter-counter-badge.has-teaser{border-color:#00f0ff;background:#00f0ff26;box-shadow:0 0 15px #00f0ff99;animation:teaserBadgePulse 1s infinite alternate}@keyframes teaserBadgePulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.3)}}.reels-grid-container{position:relative;display:flex;gap:8px;background:#05070e;padding:10px;border-radius:14px;border:2px solid #1c233a;box-shadow:inset 0 6px 18px #000000e6;overflow:hidden}.reel-column{position:relative;width:var(--reel-width);height:calc(var(--symbol-height) * 4);overflow:hidden;border-radius:var(--reel-border-radius);background:linear-gradient(180deg,#0e1221e6,#080a14f2);border:1px solid rgba(255,255,255,.05);transition:border-color .3s ease,box-shadow .3s ease}.reel-column:before,.reel-column:after{content:"";position:absolute;left:0;right:0;height:40px;pointer-events:none;z-index:10}.reel-column:before{top:0;background:linear-gradient(180deg,rgba(5,7,14,.9) 0%,transparent 100%)}.reel-column:after{bottom:0;background:linear-gradient(0deg,rgba(5,7,14,.9) 0%,transparent 100%)}.reel-strip{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;will-change:transform}.reel-column.state-spinning .reel-strip{filter:blur(0px 4px);transform:scaleY(1.02)}.reel-column.blur-high .reel-strip{filter:blur(0px 8px) saturate(1.2);transform:scaleY(1.05)}.reel-column.blur-medium .reel-strip{filter:blur(0px 4px)}.reel-speed-lines{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;background:repeating-linear-gradient(180deg,transparent 0px,rgba(255,255,255,.08) 2px,transparent 4px,transparent 12px);transition:opacity .2s ease}.reel-column.state-spinning .reel-speed-lines{opacity:1;animation:speedLinesScroll .08s linear infinite}@keyframes speedLinesScroll{0%{transform:translateY(0)}to{transform:translateY(16px)}}.reel-column.state-bouncing .reel-strip{animation:reelBouncePhysics .38s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes reelBouncePhysics{0%{transform:translateY(18px)}45%{transform:translateY(-8px)}75%{transform:translateY(3px)}to{transform:translateY(0)}}.reel-landing-fx{position:absolute;bottom:0;left:0;width:100%;height:80px;pointer-events:none;z-index:12}.reel-column.state-teaser{z-index:8;border-color:#00f0ff!important;box-shadow:0 0 25px #00f0ffb3,inset 0 0 18px #00f0ff66;animation:teaserBorderPulse .5s ease-in-out infinite alternate}@keyframes teaserBorderPulse{0%{box-shadow:0 0 15px #00f0ff80,inset 0 0 10px #00f0ff4d;border-color:#00f0ff}to{box-shadow:0 0 35px #ffd700e6,0 0 15px #00f0ffcc,inset 0 0 22px #ffd70080;border-color:gold}}.teaser-electric-overlay{position:absolute;inset:-3px;pointer-events:none;border-radius:calc(var(--reel-border-radius) + 3px);z-index:15;border:2px solid transparent;background:linear-gradient(90deg,#00f0ff,gold,#f07,#00f0ff) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:electricGradientSpin 1.2s linear infinite}@keyframes electricGradientSpin{0%{filter:hue-rotate(0deg) brightness(1.2)}to{filter:hue-rotate(360deg) brightness(1.8)}}.teaser-energy-beam{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,240,255,.25) 0%,transparent 80%);pointer-events:none;z-index:9;animation:energyBeamFlicker .12s infinite alternate}@keyframes energyBeamFlicker{0%{opacity:.6;transform:scaleX(.96)}to{opacity:1;transform:scaleX(1.04)}}.teaser-label-tag{position:absolute;top:8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f05,#f90);color:#fff;font-size:.72rem;font-weight:900;padding:3px 8px;border-radius:12px;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 12px #f05c;z-index:20;animation:teaserTagBounce .4s ease infinite alternate;white-space:nowrap}@keyframes teaserTagBounce{0%{transform:translate(-50%) translateY(0) scale(1)}to{transform:translate(-50%) translateY(-3px) scale(1.08)}}.reel-symbol-cell{position:relative;width:var(--reel-width);height:var(--symbol-height);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:4px}.symbol-card-mini{position:relative;width:92%;height:92%;border-radius:10px;background:linear-gradient(145deg,#1e253c99,#0f1423d9);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.symbol-card-mini .symbol-emoji{font-size:2.3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));line-height:1;margin-bottom:2px}.symbol-card-mini .symbol-name{font-size:.68rem;font-weight:700;letter-spacing:.5px;color:#cbd5e1;text-transform:uppercase}.symbol-card-mini.is-scatter-landed{border-color:gold;background:radial-gradient(circle,#ffd70040,#1e190ae6);box-shadow:0 0 20px #ffd700cc,inset 0 0 10px #ffd70080;animation:scatterHeartbeat .6s ease infinite alternate;z-index:5}@keyframes scatterHeartbeat{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.35)}}.symbol-card-mini.is-wild{border-color:#e040fb;box-shadow:0 0 12px #e040fb66}.slot-control-panel{width:100%;margin-top:18px;display:flex;flex-direction:column;gap:12px;background:#0a0e1ae6;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.controls-row-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.spin-action-btn{position:relative;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 38px;border-radius:30px;font-size:1.15rem;font-weight:800;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 20px #10b98166,inset 0 1px 1px #fff6;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.spin-action-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 8px 25px #10b98199}.spin-action-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.spin-action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.spin-action-btn.spinning{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 6px 20px #ef444466}.preset-scenarios{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preset-btn{background:#ffffff0f;color:#cbd5e1;border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.preset-btn:hover:not(:disabled){background:#ffffff26;color:#fff;border-color:gold}.preset-btn.highlight-gold{border-color:gold;color:gold;background:#ffd7001a}.preset-btn.highlight-cyan{border-color:#00f0ff;color:#00f0ff;background:#00f0ff1a}.settings-toggles{display:flex;align-items:center;gap:16px;font-size:.82rem;color:#94a3b8;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.toggle-item{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-item input[type=checkbox]{accent-color:#ffd700;cursor:pointer}.feature-trigger-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInModal .3s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.feature-trigger-modal{position:relative;background:radial-gradient(circle at 50% 30%,#201a08,#0c0a03);border:3px solid #ffd700;border-radius:24px;padding:36px 48px;text-align:center;max-width:480px;box-shadow:0 0 60px #ffd70099,inset 0 0 30px #ffd7004d;animation:popInModal .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes popInModal{0%{transform:scale(.6) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.feature-modal-icon{font-size:4rem;animation:floatSpin 3s ease-in-out infinite alternate;margin-bottom:8px}@keyframes floatSpin{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-10px) rotate(5deg)}}.feature-modal-title{font-size:2rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8);margin-bottom:8px;text-transform:uppercase}.feature-modal-desc{font-size:1.1rem;color:#f1f5f9;margin-bottom:24px}.feature-modal-btn{background:linear-gradient(135deg,gold,#f80);color:#000;border:none;padding:12px 36px;font-size:1.1rem;font-weight:800;border-radius:30px;cursor:pointer;box-shadow:0 6px 20px #ffd70080;transition:transform .2s ease}.feature-modal-btn:hover{transform:scale(1.06)}@media(max-width:768px){:root{--reel-width: 68px;--symbol-height: 70px}.slot-main-frame{padding:12px}.symbol-card-mini .symbol-emoji{font-size:1.5rem}.symbol-card-mini .symbol-name{font-size:.52rem}.spin-action-btn{padding:10px 24px;font-size:1rem}}.swimming-fish-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.fish-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.water-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0b1a2a4d,#162a3d66,#0b1a2a80);pointer-events:none}.water-overlay:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,210,255,.1),transparent);animation:waterFlow 8s linear infinite}@keyframes waterFlow{0%{left:-100%}to{left:100%}}.water-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(255,255,255,.03) 50px,rgba(255,255,255,.03) 100px);animation:lightRays 20s linear infinite}@keyframes lightRays{0%{transform:translate(0)}to{transform:translate(100px)}}:root{--primary-bg: #0b1a2a;--secondary-bg: #162a3d;--accent-cyan: #00d2ff;--accent-blue: #3a7bd5;--accent-gold: #f9e500;--text-main: #ffffff;--text-muted: #a0aec0;--bg-gradient: linear-gradient(135deg, #0b1a2a 0%, #162a3d 100%);--button-gradient: linear-gradient(90deg, #3a7bd5 0%, #00d2ff 100%);--gold-gradient: linear-gradient(180deg, #f9e500 0%, #d4af37 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0b1a2a,#1a3a52,#0f2744);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}.premium-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.glass-box{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 8px 32px #0000005e,0 2px 8px #00d2ff33,inset 0 1px #ffffff1a;padding:3rem;width:100%;max-width:480px;text-align:center;position:relative;overflow:hidden;animation:floatAnimation 6s ease-in-out infinite}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.6;animation:shimmerLine 3s ease-in-out infinite}@keyframes shimmerLine{0%,to{opacity:.3}50%{opacity:.8}}.glass-box:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,210,255,.1) 90deg,transparent 180deg,rgba(249,229,0,.1) 270deg,transparent 360deg);animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-field{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;color:#fff;font-size:1rem;margin-bottom:1.5rem;transition:var(--transition-smooth);outline:none}.input-field:focus{border-color:var(--accent-cyan);background:#ffffff1a;box-shadow:0 0 0 3px #00d2ff1a}.input-field::placeholder{color:var(--text-muted)}.btn-primary{width:100%;background:var(--button-gradient);border:none;border-radius:12px;padding:1rem 1.5rem;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;box-shadow:0 4px 12px #0003}.btn-gold{background:var(--gold-gradient);color:#3e2723}.hidden{display:none}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes swim{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(10px) translateY(-5px) rotate(2deg)}50%{transform:translate(20px) translateY(0) rotate(0)}75%{transform:translate(10px) translateY(5px) rotate(-2deg)}}.particle{position:fixed;pointer-events:none;opacity:.6;animation:floatUp 8s linear infinite}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00d2ff80}.btn-primary:active{transform:translateY(0) scale(.98)}.input-field:focus{box-shadow:0 0 0 3px #00d2ff33,0 0 20px #00d2ff1a}.loading-content{animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.glass-box{animation:floatAnimationMobile 4s ease-in-out infinite}}@keyframes floatAnimationMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}