.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}}.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)}}