.login-container{background:var(--background-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);width:100%;max-width:420px;padding:40px;animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:var(--text-primary);margin-bottom:8px;font-size:28px}.login-header p{color:var(--text-muted);font-size:14px}.error-message{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:var(--radius-md);text-align:center;margin-bottom:20px;padding:12px;font-size:14px}.success-message{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:var(--radius-md);text-align:center;margin-bottom:20px;padding:12px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-body);font-size:14px;font-weight:500}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-family);transition:border-color var(--transition-base),box-shadow var(--transition-base);background:var(--surface-color);color:var(--text-primary);padding:10px 12px}.form-group input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus-primary);outline:none}.form-group input::placeholder{color:var(--text-placeholder)}.login-button{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base),transform var(--transition-base);font-size:15px;font-weight:600;font-family:var(--font-family);border:none;margin-top:10px;padding:12px}.login-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.login-footer p{color:var(--text-muted);font-size:13px}.login-footer a{color:var(--primary-color);text-decoration:none}.login-footer a:hover{color:var(--primary-hover);text-decoration:underline}