.login-page{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#020025 0%,#090979 50%,#1a1aba 100%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);width:100%;max-width:420px;animation:.4s ease-out fadeIn}.login-logo{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo-img{max-width:200px;height:auto;margin:0 auto var(--spacing-sm)}.login-logo-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:4px}.login-logo-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-error{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.login-info{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:1.5}.login-otp-sent{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.input-otp{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.5em;padding:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}