.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--white)}.login-container{width:100%;max-width:420px;background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:1.875rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.login-header p{font-size:.875rem;color:var(--gray-500)}.error-alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem;font-weight:500}.error-alert.email{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.error-alert.password{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.error-alert.unknown{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.login-form{gap:var(--spacing-lg)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-group input{width:100%;padding:.75rem;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);font-size:.9375rem;transition:all var(--transition-base);background:var(--white)}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-lightest)}.form-group input.error{border-color:var(--error)}.form-group input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-group input:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:var(--gray-400)}.btn-primary-full{width:100%;margin-top:var(--spacing-sm)}@media (max-width:640px){.login-container{padding:var(--spacing-xl)}.login-header h1{font-size:1.5rem}}