.login-page{min-height:100vh;font-family:var(--font-geist-sans,"Inter", -apple-system, system-ui, sans-serif);background-color:#fff;display:flex;overflow:hidden auto}.login-left-panel{background-color:#110e2e;background-image:linear-gradient(90deg,#110e2ef7 0%,#110e2ec7 45%,#110e2e59 72%,#110e2e1f 100%),url(/login-hero.png);background-position:58%;background-repeat:no-repeat;background-size:cover;border-radius:24px;flex-direction:column;flex:1.1;justify-content:flex-end;margin:16px 0 16px 16px;padding:48px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #110e2e1f}.login-left-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 22%,#d91a5c24,#0000 42%),radial-gradient(circle at 82% 68%,#7c3aed2e,#0000 40%);position:absolute;inset:0}.login-left-content{z-index:2;flex-direction:column;gap:24px;display:flex;position:relative}.login-left-title{color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 10px #00000059;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.login-left-title .accent-text{color:#d91a5c;font-weight:800}.login-left-subtitle{color:#ffffffe0;text-shadow:0 1px 4px #00000040;max-width:440px;margin:0;font-size:.95rem;font-weight:400;line-height:1.6}.login-badges{flex-wrap:wrap;gap:8px;max-width:480px;display:flex}.login-badge{color:#1e293b;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #fff3;border-radius:9999px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:transform .2s;box-shadow:0 4px 12px #00000026}.login-badge:hover{transform:translateY(-1px)}.login-right-panel{background-color:#fff;flex:.9;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;overflow-y:auto}.login-right-content{flex-direction:column;width:100%;max-width:400px;padding-bottom:24px;display:flex}.login-right-logo{object-fit:contain;width:auto;max-width:min(100%,280px);height:64px;margin:0 auto 40px;display:block}.login-step-container{flex-direction:column;animation:.3s login-step-in;display:flex}@keyframes login-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-title-group{text-align:left;margin-bottom:28px}.login-title-group .welcome-label{color:#d91a5c;margin-bottom:10px;font-size:1.05rem;font-weight:700;display:block}.login-title-group h2{color:#0f172a;letter-spacing:-1px;margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800;line-height:1.15}.login-title-group p{color:#64748b;margin:0;font-size:.95rem;line-height:1.6}.login-form-element{flex-direction:column;gap:20px;display:flex}.login-form-field{flex-direction:column;gap:7px;display:flex}.login-form-field label{color:#334155;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.login-input-box{align-items:center;display:flex;position:relative}.login-input-box input{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:13px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.login-input-box input::placeholder{color:#94a3b8}.login-input-box input:focus{background-color:#fff;border-color:#d91a5c;outline:none;box-shadow:0 0 0 4px #d91a5c1a}.login-input-box input.center-input{text-align:center;letter-spacing:6px;font-size:1.25rem;font-weight:700}.login-input-box input.otp-10{letter-spacing:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem}.login-input-box input.uppercase-input{text-transform:uppercase}.login-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.login-password-toggle:hover{color:#475569}.login-extra-options{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.login-remember-checkbox{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.88rem;display:flex}.login-remember-checkbox input[type=checkbox]{accent-color:#d91a5c;cursor:pointer;width:17px;height:17px}.login-forgot-password-link{color:#d91a5c;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.login-forgot-password-link:hover{color:#be124e;text-decoration:underline}.login-submit-button{color:#fff;cursor:pointer;background-color:#d91a5c;border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;height:48px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #d91a5c40}.login-submit-button:hover:not(:disabled){background-color:#be124e;transform:translateY(-1px);box-shadow:0 6px 20px #d91a5c52}.login-submit-button:disabled{opacity:.65;cursor:not-allowed}.login-button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error-alert{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:.88rem;line-height:1.4;display:flex}.login-success-alert{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:.88rem;line-height:1.4;display:flex}.login-warn-alert{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:.88rem;line-height:1.4;display:flex}.login-otp-hint{color:#94a3b8;margin:8px 0 0;font-size:.8rem;line-height:1.4}.login-password-mismatch{color:#dc2626;margin:8px 0 0;font-size:.82rem}.login-password-requirements{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.login-password-requirement{color:#94a3b8;align-items:center;gap:8px;font-size:.82rem;display:flex}.login-password-requirement.met{color:#d91a5c}.login-back-to-login-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:.88rem;font-weight:500;transition:color .2s;display:flex}.login-back-to-login-btn:hover{color:#0f172a}.login-brand-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:40px;padding-top:20px}.login-brand-footer p{color:#94a3b8;margin:0;font-size:.72rem}@media (max-width:1024px){.login-left-panel{display:none}.login-right-panel{flex:1;padding:24px}}@media (max-width:480px){.login-right-panel{align-items:flex-start;padding-top:48px}}@media (prefers-reduced-motion:reduce){.login-step-container,.login-submit-button,.login-badge,.login-input-box input{transition:none;animation:none}.login-submit-button:hover:not(:disabled){transform:none}}