.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#050508;position:relative;overflow:hidden;zoom:.8}.login-dot-grid{z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 100%)}.login-bg-effects,.login-dot-grid{position:fixed;inset:0;pointer-events:none}.login-bg-effects{z-index:1;overflow:hidden}.login-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.login-orb-1{width:600px;height:600px;background:radial-gradient(circle,#04A1FE 0,transparent 70%);top:-200px;left:-150px;animation:loginOrbFloat1 20s ease-in-out infinite}.login-orb-2{width:500px;height:500px;background:radial-gradient(circle,#8B5CF6 0,transparent 70%);bottom:-200px;right:-100px;animation:loginOrbFloat2 25s ease-in-out infinite}.login-orb-3{width:400px;height:400px;background:radial-gradient(circle,#06D6A0 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:loginOrbFloat3 18s ease-in-out infinite;opacity:.12}@keyframes loginOrbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,50px) scale(1.1)}66%{transform:translate(-30px,80px) scale(.95)}}@keyframes loginOrbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-40px) scale(1.05)}66%{transform:translate(40px,-70px) scale(.9)}}@keyframes loginOrbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}.login-particles{position:absolute;inset:0}.login-particle{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0;animation:loginParticleFloat linear infinite}@keyframes loginParticleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.6;transform:translateY(90vh) scale(1)}90%{opacity:.3;transform:translateY(10vh) scale(.5)}to{opacity:0;transform:translateY(0) scale(0)}}.login-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;max-width:420px;width:100%;padding:0 24px;opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.login-content-visible{opacity:1;transform:translateY(0)}.login-logo-wrapper{margin-bottom:4px;display:flex;justify-content:center}.login-logo{width:280px;height:auto;filter:drop-shadow(0 0 30px rgba(4,161,254,.15))}.login-subtitle{font-weight:400;color:#64748B;text-align:center;margin-bottom:32px;letter-spacing:-.01em}.login-btn,.login-subtitle{font-family:DM Sans,sans-serif;font-size:15px}.login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:14px;background:#ffffff;color:#1f2937;font-weight:600;border:none;cursor:pointer;min-height:50px;transition:all .2s ease;box-shadow:0 4px 14px rgba(0,0,0,.25)}.login-btn:hover{background:#f1f5f9;box-shadow:0 8px 25px rgba(0,0,0,.35);transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn:disabled:hover{transform:none;box-shadow:0 4px 14px rgba(0,0,0,.25)}.login-btn-spinner{width:20px;height:20px;border:2px solid #9ca3af;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.login-upgrade-note{font-size:13px;color:#94A3B8;text-align:center}.login-terms,.login-upgrade-note{font-family:DM Sans,sans-serif;margin-top:20px}.login-terms{font-size:12px;color:#475569}.login-spinner{display:flex;align-items:center;justify-content:center}.login-spinner-ring{width:32px;height:32px;border:2px solid #04a1fe;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-logo{width:200px}.login-tagline{font-size:13px}.login-card{padding:28px 20px;border-radius:16px}.login-card-title{font-size:20px}}