.login-wrapper{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);border-radius:var(--radius-md);width:100%;max-width:900px;box-shadow:0 20px 60px var(--color-black-08),0 4px 16px var(--color-black-04);display:grid;position:relative;overflow:hidden}.auth-card--info{padding:var(--space-10);grid-template-columns:1fr 1fr;gap:0}.auth-card--info:after{content:"";border-left:1.5px dashed var(--color-primary-light);pointer-events:none;height:88%;position:absolute;top:6%;left:50%}.auth-card--illus{padding:var(--space-10);gap:var(--space-8);grid-template-columns:1fr 1.3fr;align-items:center}.auth-left-col{padding-right:var(--space-4)}.auth-left-col--center{background:var(--gradient-background);border-radius:var(--radius-md);padding:var(--space-10);justify-content:center;align-items:center;min-height:340px;display:flex}.auth-illus-img{object-fit:contain;max-width:100%;height:auto}.login-left{background:var(--gradient-background);border-radius:var(--radius-sm);padding:var(--space-8)}.login-title{font-size:var(--font-lg);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--text-main)}.login-term-box{margin-bottom:var(--space-5)}.login-term-heading{font-size:var(--font-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-main)}.login-term-text{font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.6}.login-divider{border:none;border-top:1.5px dashed var(--color-primary-light);margin:var(--space-4)0}.auth-right-col{padding-left:var(--space-6);flex-direction:column;display:flex}.auth-logo{margin-bottom:var(--space-5);object-fit:contain}.auth-stepbar{margin-bottom:var(--space-5);align-items:center;display:flex}.auth-stepbar__item{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.auth-stepbar__circle{border-radius:var(--radius-full);border:2px solid var(--color-secondary);background:var(--color-white);width:26px;height:26px;font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--color-muted);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-stepbar__item.active .auth-stepbar__circle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white);box-shadow:var(--primary-box-shadow)}.auth-stepbar__item.completed .auth-stepbar__circle{border-color:var(--success);background:var(--success);color:var(--color-white)}.auth-stepbar__label{font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-muted);white-space:nowrap;transition:color var(--transition-base)}.auth-stepbar__item.active .auth-stepbar__label{color:var(--color-primary);font-weight:var(--font-semibold)}.auth-stepbar__item.completed .auth-stepbar__label{color:var(--success)}.auth-stepbar__line{background:var(--color-secondary);border-radius:var(--radius-full);height:2px;margin:0 var(--space-2);transition:background var(--transition-base);flex:1}.auth-stepbar__line.filled{background:var(--success)}.auth-step-content{animation:.22s authStepIn}@keyframes authStepIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.auth-form-header{margin-bottom:var(--space-5)}.auth-heading{font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--text-main)}.auth-subtext{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:0;line-height:1.5}.auth-field-error{font-size:var(--font-xs);color:var(--error);margin-top:var(--space-1);margin-bottom:0}.otp-sent-info{font-size:var(--font-sm);color:var(--text-main);align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.phone-num{color:var(--color-primary);font-weight:var(--font-semibold)}.edit-link{color:var(--color-primary);font-weight:var(--font-semibold);cursor:pointer;font-size:var(--font-sm);transition:color var(--transition-fast);margin-left:var(--space-1);background:0 0;border:none;padding:0;line-height:1;text-decoration:underline}.edit-link:hover{color:var(--color-primary-dark)}.otp-input-row{gap:clamp(4px,2vw,var(--space-2));grid-template-columns:repeat(6,1fr);width:100%;display:grid}.otp-box{aspect-ratio:1;border:1.5px solid var(--color-border);border-radius:var(--radius-base);text-align:center;width:100%;min-width:0;max-width:58px;font-size:clamp(.95rem,4vw,var(--font-xl));font-weight:var(--font-semibold);color:var(--text-main);background:var(--color-white);caret-color:var(--color-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none;justify-self:center}.otp-box:focus{border-color:var(--color-primary);box-shadow:var(--primary-box-shadow)}.otp-box--filled{border-color:var(--color-primary);background:var(--primary-bg)}.otp-box--error{background:var(--error-bg);box-shadow:0 0 0 3px var(--color-error-10);border-color:var(--error)!important}.resend-wrapper{text-align:center}.resend-timer-text{font-size:var(--font-xs);color:var(--color-muted)}.resend-active-link{color:var(--color-primary);font-weight:var(--font-semibold);cursor:pointer;font-size:var(--font-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:underline}.resend-active-link:hover{color:var(--color-primary-dark)}.resend-active-link:disabled{opacity:.5;cursor:not-allowed}.auth-eye-toggle{cursor:pointer;color:var(--color-muted);transition:color var(--transition-fast),background var(--transition-fast);-webkit-user-select:none;user-select:none;background:var(--color-sub-card)!important;border-color:var(--color-border)!important}.auth-eye-toggle:hover{color:var(--color-primary);background:var(--primary-bg)!important}.pwd-rules-box{background:var(--color-state);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3)var(--space-4);gap:var(--space-2);transition:border-color var(--transition-base);flex-direction:column;display:flex}.pwd-rules-box--active{border-color:var(--color-primary-light)}.pwd-rule{align-items:center;gap:var(--space-2);font-size:var(--font-xs);font-weight:var(--font-medium);transition:color var(--transition-fast);line-height:1.4;display:flex}.pwd-rule__icon{border-radius:var(--radius-full);width:16px;height:16px;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.pwd-rule--pass{color:var(--success)}.pwd-rule--pass .pwd-rule__icon{background:var(--success-bg);color:var(--success)}.pwd-rule--fail{color:var(--color-muted)}.pwd-rule--fail .pwd-rule__icon{background:var(--color-secondary);color:var(--color-muted)}.forgot-link{color:var(--color-primary);font-size:var(--font-xs);font-weight:var(--font-semibold);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:none}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.forgot-info-card{gap:var(--space-4);background:var(--primary-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--space-4);display:flex}.forgot-info-card__icon{border-radius:var(--radius-sm);background:var(--color-primary);width:40px;height:40px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.forgot-info-card__title{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text-main);margin-bottom:var(--space-2)}.forgot-info-card__steps{padding-left:var(--space-5);font-size:var(--font-xs);color:var(--color-muted);margin:0;line-height:1.8}.forgot-info-card__steps li{margin-bottom:2px}.term-link{font-weight:var(--font-medium);color:var(--primary)!important;text-decoration:none!important}.term-link:hover{text-decoration:underline!important}.checkbox-label{font-size:var(--font-sm)}@media (max-width:768px){.login-wrapper{padding:var(--space-4);align-items:flex-center;padding-top:var(--space-8)}.auth-card--info,.auth-card--illus{padding:var(--space-6)var(--space-5);border-radius:var(--radius-base);grid-template-columns:1fr;gap:0}.auth-card--info:after{display:none}.auth-left-col{display:none!important}.auth-right-col{padding-left:0}.auth-heading{font-size:var(--font-lg)}.auth-stepbar__label{display:none}.auth-stepbar__line{margin:0 var(--space-1)}}.pwd-rules-inline{gap:var(--space-2);flex-wrap:wrap;display:flex}.pwd-rule-chip{border-radius:var(--radius-full);background:var(--color-secondary);color:var(--color-muted);font-size:var(--font-xs);font-weight:var(--font-medium);align-items:center;gap:6px;padding:4px 10px;line-height:1;display:inline-flex}.pwd-rule-chip--pass{background:var(--success-bg);color:var(--success)}.pwd-rule-chip svg{flex-shrink:0}