html,body{width:100%;min-height:100%;margin:0;padding:0}.login-wrapper{width:100%;min-height:100vh;display:flex;overflow:hidden}.auth-left-col{flex:0 0 50%;justify-content:start;align-items:center;width:50%;min-width:50%;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-left-image{object-fit:contain;object-position:center center;width:100%;height:100%}.auth-right-col{min-width:0;min-height:100vh;padding:clamp(var(--space-6), 4vw, var(--space-10));background-color:var(--background);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;justify-content:center;align-items:center;display:flex}.auth-form-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:420px;padding:clamp(var(--space-8), 4vw, var(--space-10)) clamp(var(--space-6), 3vw, var(--space-8));animation:authCardIn var(--transition-slow) ease-out;box-shadow:0 4px 6px #1d15260a,0 20px 48px #1d15261f;min-height:400px!important}@keyframes authCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-form-brand{margin-bottom:var(--space-4)}.auth-logo-img{object-fit:contain;width:auto;height:60px}.auth-step-content{width:100%}.auth-form-header{margin-bottom:var(--space-8);text-align:left}.auth-heading{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2);line-height:1.25}.auth-subtext{font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.55}.auth-field-error{font-size:var(--font-xs);color:var(--error);margin:0}.otp-sent-info{align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.otp-sent-info .phone-num{font-weight:var(--font-semibold);color:var(--text-primary)}.otp-input-row{gap:var(--space-2);display:flex}.resend-wrapper{text-align:center;font-size:var(--font-sm)}.resend-timer-text{color:var(--text-secondary)}.resend-active-link{cursor:pointer;color:var(--brand-primary);font-weight:var(--font-semibold);font-size:var(--font-sm);background:0 0;border:none}.pwd-rules-inline{gap:var(--space-2);flex-wrap:wrap;display:flex}.pwd-rule-chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--divider);color:var(--text-muted);font-size:var(--font-xxs);font-weight:var(--font-medium);align-items:center;gap:4px;display:inline-flex}.pwd-rule-chip--pass{background:var(--success-bg);color:var(--success)}.forgot-link{cursor:pointer;color:var(--brand-primary);font-size:var(--font-sm);font-weight:var(--font-semibold);background:0 0;border:none;padding:0}.term-link{color:var(--brand-primary);font-weight:var(--font-medium)}.checkbox-label{font-size:var(--font-xs);color:var(--text-secondary)}.btn-arrow{align-items:center;display:inline-flex}@media (max-width:900px){.login-wrapper{flex-direction:column}.auth-left-col{display:none}.auth-right-col{width:100%;height:100dvh;min-height:100dvh;padding:var(--space-6);flex:1;justify-content:center;align-items:center}.auth-form-card{max-width:480px}}@media (max-width:480px){.auth-right-col{padding:var(--space-4);padding-top:clamp(var(--space-4), 6vh, var(--space-8));padding-bottom:clamp(var(--space-4), 6vh, var(--space-8));box-sizing:border-box;align-items:center}.auth-form-card{max-width:100%;padding:var(--space-6) var(--space-4);border-radius:var(--radius-md);box-shadow:0 8px 32px #1d152614}.auth-logo-img{height:36px}.auth-heading{font-size:var(--font-xl)}.auth-form-brand,.auth-form-header{margin-bottom:var(--space-6)}.otp-input-row{gap:var(--space-1)}}.auth-modal-root .modal-dialog{max-width:420px}.auth-modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 10px 25px -5px #0000000f}.auth-modal-backdrop.show{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.85!important}.auth-modal-header{min-height:50px;padding:var(--space-4) var(--space-6) 0}.auth-modal-logo{object-fit:contain;width:auto;height:34px}.auth-modal-close{top:50%;right:var(--space-4);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translateY(-50%)}.auth-modal-close svg{stroke-width:2px;width:20px;height:20px}.auth-modal-close:hover:not(:disabled){background:var(--divider);color:var(--text-primary)}.auth-modal-close:disabled{opacity:.5;cursor:not-allowed}.auth-modal-body{padding:var(--space-4) var(--space-6) var(--space-6)}.auth-modal-icon-wrap{width:128px;height:128px;margin-bottom:var(--space-4);position:relative}.auth-modal-icon-wrap:before,.auth-modal-icon-wrap:after{content:"";border:1px solid var(--border);border-radius:var(--radius-full);pointer-events:none;position:absolute}.auth-modal-icon-wrap:before{inset:8px}.auth-modal-icon-wrap:after{inset:0}.auth-modal-icon-circle{z-index:1;border-radius:var(--radius-full);background:var(--primary-bg);width:96px;height:96px;position:relative;overflow:hidden}.auth-modal-icon-img{object-fit:contain}.auth-modal-icon-dot{border-radius:var(--radius-full);width:6px;height:6px;position:absolute;background:var(--brand-primary-light)!important}.auth-modal-icon-dot.dot-1{top:4px;left:18px}.auth-modal-icon-dot.dot-2{top:30px;right:2px}.auth-modal-icon-dot.dot-3{bottom:10px;left:6px}
