.login-scene{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#fdf2f8,#eff6ff);padding:20px;position:relative;overflow:hidden;font-family:Nunito Sans,system-ui,sans-serif}.login-bg-mesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 60% 50% at 10% 20%,rgba(255,145,31,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 90% 80%,rgba(59,130,246,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(16,185,129,.04) 0%,transparent 60%);animation:meshFloat 12s ease-in-out infinite alternate}@keyframes meshFloat{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-20px,15px)}}.login-float-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.login-float-icon{position:absolute;color:#ff911f0e;animation:iconRise 22s linear infinite}.login-float-icon:nth-child(2n){color:#3b82f60a}@keyframes iconRise{0%{transform:translateY(105vh) rotate(0) scale(.7);opacity:0}6%{opacity:.5}94%{opacity:.5}to{transform:translateY(-10vh) rotate(360deg) scale(1.2);opacity:0}}.login-cricket-ball{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#dc2626,#991b1b);box-shadow:inset -2px -2px 4px #0000004d,0 2px 8px #dc262626;z-index:0;pointer-events:none}.login-cricket-ball:after{content:"";position:absolute;top:45%;left:10%;right:10%;height:2px;border-top:1.5px dashed rgba(255,255,255,.5);transform:rotate(-15deg)}.login-tilt-wrap{width:100%;max-width:420px;position:relative;z-index:1;perspective:1000px}.login-glass-card{width:100%;background:#fff;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 1px 3px #00000005,0 8px 24px #0000000a,0 24px 64px #0000000d;transition:transform .15s ease;transform-style:preserve-3d}.login-glass-card.shake{animation:cardShake .5s ease}@keyframes cardShake{0%,to{transform:translate(0)}15%{transform:translate(-8px) rotate(-.5deg)}30%{transform:translate(7px) rotate(.5deg)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@media (max-width: 480px){.login-glass-card{border-radius:20px}.login-scene{padding:12px}}.login-logo-section{text-align:center;padding:36px 28px 20px;background:linear-gradient(180deg,#faf8ff,#fff);position:relative}.login-logo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff911f,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ff911f);background-size:200% 100%;animation:accentSlide 4s linear infinite}@keyframes accentSlide{to{background-position:200% 0}}@media (max-width: 480px){.login-logo-section{padding:28px 20px 16px}}.login-logo-ring{width:88px;height:88px;margin:0 auto 14px;border-radius:50%;padding:3px;background:conic-gradient(#ff911f,gold,#10b981,#3b82f6,#ff911f);position:relative}.login-logo-inner{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.login-logo-img{width:100%;height:100%;object-fit:contain}@media (max-width: 480px){.login-logo-ring{width:72px;height:72px}}.login-brand-name{font-size:28px;font-weight:900;margin:0;letter-spacing:3px;text-transform:uppercase;line-height:1.2;background:linear-gradient(135deg,#0f172a,#ff911f,#0f172a);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShine 4s ease-in-out infinite}@keyframes brandShine{0%{background-position:0% center}50%{background-position:200% center}to{background-position:0% center}}@media (max-width: 480px){.login-brand-name{font-size:22px}}.login-tagline-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:5px}.login-tagline-line{width:24px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,145,31,.5),transparent)}.login-tagline{font-size:9px;color:#ff911f;letter-spacing:3.5px;font-weight:800}.login-live-badge{display:inline-flex;align-items:center;gap:5px;margin-top:12px;background:#f0fdf4;border:1px solid #bbf7d0;padding:4px 14px;border-radius:20px;font-size:9px;font-weight:800;color:#16a34a;letter-spacing:1.5px}.login-live-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:ldot 1.8s ease-in-out infinite}@keyframes ldot{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.3;box-shadow:0 0 0 4px #22c55e00}}.login-sports-row{display:flex;gap:8px;margin-top:14px;justify-content:center}.login-sport-chip{width:36px;height:36px;border-radius:9px;background:#fff;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:default;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0000000a}.login-sport-chip:nth-child(1){color:#2563eb}.login-sport-chip:nth-child(2){color:#16a34a}.login-sport-chip:nth-child(3){color:#dc2626}.login-sport-chip:nth-child(4){color:#ea580c}.login-sport-chip:nth-child(5){color:#7c3aed}.login-sport-chip:nth-child(6){color:#0891b2}.login-sport-chip:hover{border-color:#ff911f;transform:translateY(-3px) scale(1.08);box-shadow:0 6px 16px #ff911f26}.login-form-section{padding:2px 28px 28px}@media (max-width: 480px){.login-form-section{padding:2px 20px 24px}}.login-form-header{margin-bottom:18px}.login-form-title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 2px}.login-form-subtitle{font-size:13px;color:#64748b;font-weight:500;margin:0}.login-typewriter-cursor{display:inline-block;width:2px;height:20px;background:#ff911f;margin-left:2px;vertical-align:text-bottom;animation:cursorBlink .8s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.login-error-alert{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:9px 12px;margin-bottom:14px;color:#dc2626;font-size:13px;font-weight:600}.login-error-badge{width:18px;height:18px;border-radius:50%;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.login-caps-warn{display:flex;align-items:center;gap:5px;font-size:11px;color:#d97706;font-weight:600;padding-left:38px;margin-top:3px}.login-pw-strength{display:flex;align-items:center;gap:6px;padding:4px 38px 0}.login-pw-bar{flex:1;height:3px;border-radius:3px;background:#f1f5f9;overflow:hidden}.login-pw-fill{height:100%;border-radius:3px;transition:width .3s,background .3s}.login-pw-label{font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;min-width:40px;text-align:right}.login-remember{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-toggle{width:36px;height:20px;border-radius:20px;background:#e2e8f0;position:relative;transition:background .25s;flex-shrink:0}.login-toggle.active{background:linear-gradient(135deg,#ff911f,#f59e0b)}.login-toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #00000026}.login-toggle.active .login-toggle-knob{transform:translate(16px)}.login-remember-text{font-size:12px;color:#475569;font-weight:600}.login-modern-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:4px}.login-field-inner{position:relative;display:flex;align-items:center}.login-field-inner:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:conic-gradient(from var(--angle, 0deg),#FF911F,#f59e0b,#10b981,#3b82f6,#FF911F);opacity:0;z-index:0;transition:opacity .25s}.login-field-inner:focus-within:before{opacity:1;animation:borderSpin 3s linear infinite}@keyframes borderSpin{to{--angle: 360deg}}@supports not (background: conic-gradient(from 0deg,red,blue)){.login-field-inner:before{background:linear-gradient(135deg,#ff911f,#10b981,#3b82f6,#ff911f);background-size:300% 300%;animation:bdrFall 3s linear infinite}@keyframes bdrFall{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}.login-field-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#fff;z-index:0}.login-field-inner>*{position:relative;z-index:1}.login-float-label{position:absolute;left:40px;top:50%;transform:translateY(-50%);font-size:13px;color:#94a3b8;pointer-events:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);background:transparent;padding:0 4px;z-index:2}.login-modern-input:focus~.login-float-label,.login-modern-input:not(:placeholder-shown)~.login-float-label{top:-1px;left:10px;font-size:9px;font-weight:700;color:#ff911f;background:#fff;letter-spacing:.6px;text-transform:uppercase;padding:0 5px}.login-field-icon{position:absolute;left:13px;color:#c1c9d4;font-size:13px;pointer-events:none;z-index:2;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.login-field-inner:focus-within .login-field-icon{color:#ff911f;transform:scale(1.12)}.login-modern-input{width:100%;padding:13px 13px 13px 38px;font-size:14px;font-weight:600;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;background:#fafbfc;color:#0f172a;text-transform:uppercase;letter-spacing:.4px;transition:all .2s;z-index:1}.login-modern-input.has-prefix{padding-left:52px}.login-modern-input::placeholder{color:transparent}.login-modern-input:focus{border-color:transparent;background:#fff}.login-modern-input:not(:placeholder-shown){background:#fffdf9;border-color:#ff911f2e}.login-modern-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fafbfc inset!important;-webkit-text-fill-color:#0f172a!important}.login-field-prefix{position:absolute;left:34px;color:#0f172a;font-weight:800;font-size:15px;z-index:2;pointer-events:none;transition:color .2s}.login-field-inner:focus-within .login-field-prefix{color:#ff911f}.login-eye-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:14px;padding:4px;display:flex;align-items:center;transition:all .2s;z-index:2}.login-eye-toggle:hover{color:#ff911f}.login-neon-btn{width:100%;padding:14px;font-size:14px;font-weight:800;color:#fff;border:none;border-radius:12px;cursor:pointer;letter-spacing:1.5px;margin-top:2px;position:relative;overflow:hidden;text-transform:uppercase;transition:all .25s;background:linear-gradient(135deg,#ff911f,#f59e0b);box-shadow:0 4px 14px #ff911f38}.login-neon-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%,70%,to{left:-100%}40%{left:120%}}.login-neon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #ff911f4d}.login-neon-btn:active:not(:disabled){transform:translateY(0)}.login-neon-btn:disabled{opacity:.65;cursor:not-allowed}.login-demo-btn{width:100%;padding:12px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;color:#334155;background:#fff;transition:all .25s}.login-demo-btn:hover{border-color:#ff911f;color:#ff911f;background:#fffbf5;transform:translateY(-1px);box-shadow:0 4px 12px #ff911f14}.login-divider{display:flex;align-items:center;gap:12px}.login-divider-line{flex:1;height:1px;background:#f1f5f9}.login-divider-text{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.login-trust-bar{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 0;margin-top:6px}.login-trust-item{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#475569}.login-trust-icon{font-size:13px}.login-trust-item:nth-child(1) .login-trust-icon{color:#2563eb}.login-trust-item:nth-child(2) .login-trust-icon{color:#16a34a}.login-trust-item:nth-child(3) .login-trust-icon{color:#ff911f}.login-counter{font-weight:900;color:#0f172a}.login-footer{text-align:center;margin-top:14px;padding-top:12px;border-top:1px solid #f5f5f7}.login-badges{display:flex;align-items:center;justify-content:center;gap:10px}.login-badge{height:16px;opacity:.55;transition:all .2s}.login-badge:hover{opacity:1}.login-payments{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;flex-wrap:wrap}.login-pay-chip{padding:3px 8px;border-radius:6px;background:#f8fafc;border:1px solid #e5e7eb;font-size:9px;font-weight:700;color:#475569;letter-spacing:.3px}.login-bottom-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.login-action-link{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#64748b;text-decoration:none;transition:color .2s;cursor:pointer}.login-action-link:hover{color:#ff911f}.login-action-link svg{font-size:13px}.login-footer-text{font-size:10px;color:#475569;margin:8px 0 0;font-weight:700}.login-footer-text span{color:#dc2626;font-weight:800}.login-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;z-index:100}.login-success-check{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;box-shadow:0 8px 30px #22c55e4d}.login-success-text{margin-top:16px;font-size:18px;font-weight:800;color:#0f172a}.login-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:101;overflow:hidden}.login-confetti-piece{position:absolute;width:8px;height:8px;top:-10px;animation:confettiFall 1.5s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}.login-btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.login-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-field-error{font-size:11px;color:#dc2626;font-weight:600;padding-left:38px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}