.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{z-index:0;background:radial-gradient(circle,#3b82f626,#0000 60%);width:200%;height:200%;animation:10s ease-in-out infinite alternate pulse;position:absolute;top:-50%;left:-50%}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.login-card{border-radius:var(--radius-lg);z-index:1;background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:440px;padding:48px 40px;position:relative;box-shadow:0 25px 50px -12px #00000040}.login-header{text-align:center;margin-bottom:40px}.login-logo-container{width:72px;height:72px;color:var(--brand-primary);background:#3b82f61a;border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.login-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--text-secondary);font-size:.95rem}.login-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.input-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.forgot-password{color:var(--brand-primary);transition:var(--transition);font-size:.8125rem;font-weight:500}.forgot-password:hover{text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);position:absolute;left:14px}.input-wrapper input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-primary);transition:var(--transition);padding:12px 16px 12px 42px;font-family:inherit;font-size:.95rem}.input-wrapper input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.submit-btn{border-radius:var(--radius-md);background-color:var(--brand-primary);color:#fff;width:100%;transition:var(--transition);justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:14px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 14px #3b82f663}.submit-btn:hover:not(:disabled){background-color:var(--brand-primary-hover);transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:.8125rem}