.login-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-xl);text-align:center;padding:40px 32px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));height:4px;position:absolute;top:0;left:0;right:0}.login-logo{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;font-size:1.5rem;display:inline-flex;box-shadow:0 4px 12px #1e40af33}.login-title{color:var(--text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem;line-height:1.5}.login-form{text-align:left;flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);background:var(--bg-primary);color:var(--text-primary);padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #1e40af1a}.login-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);justify-content:center;align-items:center;gap:10px;padding:14px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 15px #1e40af33}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #1e40af4d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.success-container{flex-direction:column;align-items:center;gap:16px;padding:16px 0;display:flex}.success-icon{font-size:3rem;animation:1s infinite alternate bounce}.success-title{color:var(--accent-emerald);font-size:1.25rem;font-weight:700}.success-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.error-banner{background:var(--accent-red-light);color:#b91c1c;border-radius:var(--radius-md);text-align:left;border:1px solid #ef444433;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;line-height:1.4;display:flex}.error-icon{flex-shrink:0;font-size:1.1rem}.back-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;margin-top:24px;font-size:.9rem;display:inline-flex}.back-link:hover{color:var(--accent-primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}