.login-container{background-color:var(--bg-primary);background-image:radial-gradient(circle,#6366f11a 0%,#0000 60%),radial-gradient(circle at 10% 10%,#8b5cf60d 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-shape-1{filter:blur(50px);z-index:0;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-10%;right:-10%}.login-bg-shape-2{filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;bottom:-10%;left:-10%}.login-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);z-index:1;background:#111827b3;border:1px solid #ffffff0f;width:100%;max-width:440px;padding:40px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:.6s cubic-bezier(.34,1.56,.64,1) forwards loginCardAppear;transform:translateY(0);box-shadow:0 20px 50px #00000080,0 0 40px #6366f10d}@keyframes loginCardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{flex-direction:column;justify-content:center;align-items:center;margin-bottom:32px;display:flex}.login-logo-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);width:54px;height:54px;box-shadow:var(--shadow-glow-indigo);justify-content:center;align-items:center;margin-bottom:16px;font-size:26px;animation:3s ease-in-out infinite pulseLogo;display:flex}@keyframes pulseLogo{0%,to{transform:scale(1);box-shadow:0 0 15px #6366f14d}50%{transform:scale(1.05);box-shadow:0 0 30px #6366f199}}.login-title{letter-spacing:-.02em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:22px;font-weight:800}.login-subtitle{color:var(--text-muted);text-align:center;font-size:13px;font-weight:400}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:var(--text-primary)}.login-input{border-radius:var(--radius-md);height:48px;color:var(--text-primary);width:100%;transition:all var(--transition-fast);background:#ffffff06;border:1px solid #ffffff14;outline:none;padding:0 16px;font-size:14px}.login-input:focus{border-color:var(--accent-indigo);background:#6366f108;box-shadow:0 0 0 3px #6366f126}.login-input::placeholder{color:var(--text-muted)}.login-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;height:48px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;margin-top:24px;font-size:15px;font-weight:600;display:flex}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-md), var(--shadow-glow-indigo);transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-error-alert{color:var(--accent-rose);border-radius:var(--radius-md);background:#f43f5e14;border:1px solid #f43f5e26;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;animation:.4s ease-in-out shakeError;display:flex}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-footer{text-align:center;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:32px;font-size:11px}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}