.password-strength{margin-top:6px}.password-strength__bar{background:#ffffff14;border-radius:2px;gap:3px;height:4px;display:flex;overflow:hidden}.password-strength__segment{background:#ffffff14;border-radius:2px;flex:1;height:100%;transition:background .3s}.password-strength__segment.active.strength-weak{background:#ef4444}.password-strength__segment.active.strength-fair{background:#f59e0b}.password-strength__segment.active.strength-good{background:#3b82f6}.password-strength__segment.active.strength-strong{background:#10b981}.password-strength__label{justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;display:flex}.password-strength__label .strength-weak{color:#ef4444}.password-strength__label .strength-fair{color:#f59e0b}.password-strength__label .strength-good{color:#3b82f6}.password-strength__label .strength-strong{color:#10b981}.password-match{align-items:center;gap:4px;margin-top:4px;font-size:12px;transition:all .2s;display:flex}.password-match.match{color:#10b981}.password-match.mismatch{color:#ef4444}.password-wrapper{position:relative}.password-toggle{cursor:pointer;color:#fff6;z-index:2;background:0 0;border:none;padding:4px;font-size:18px;transition:color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#fffc}.phone-input-wrapper{align-items:stretch;gap:0;display:flex}.phone-prefix{color:#fff9;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-right:none;border-radius:5px 0 0 5px;align-items:center;padding:0 12px;font-size:14px;display:flex}.phone-input-wrapper .common__login__input{flex:1;border-radius:0 5px 5px 0!important}.field-hint{color:#ffffff59;margin-top:4px;font-size:11px;transition:color .2s}.field-hint.valid{color:#10b981}.field-hint.invalid{color:#ef4444}.otp-container{justify-content:center;gap:8px;margin:20px 0;display:flex}.otp-box{text-align:center;color:#fff;width:52px;height:60px;caret-color:var(--primaryColor,#7b68ee);background:#ffffff0a;border:2px solid #ffffff26;border-radius:10px;outline:none;font-size:24px;font-weight:700;transition:all .2s}.otp-box:focus{border-color:var(--primaryColor,#7b68ee);background:#ffffff0f;box-shadow:0 0 0 3px #7b68ee26}.otp-box.filled{border-color:var(--primaryColor,#7b68ee);background:#7b68ee14}.countdown-timer{flex-direction:column;align-items:center;margin:16px 0;display:flex}.countdown-ring{width:64px;height:64px;position:relative}.countdown-ring svg{transform:rotate(-90deg)}.countdown-ring circle{fill:none;stroke-width:3px}.countdown-ring .ring-bg{stroke:#ffffff14}.countdown-ring .ring-fg{stroke:var(--primaryColor,#7b68ee);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.countdown-ring .ring-fg.warning{stroke:#f59e0b}.countdown-ring .ring-fg.danger{stroke:#ef4444}.countdown-time{color:#ffffffe6;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.countdown-label{color:#ffffff80;margin-top:6px;font-size:12px}.step-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:24px;display:flex}.step-dot{color:#fff6;background:0 0;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.step-dot.active{border-color:var(--primaryColor,#7b68ee);color:#fff;background:var(--primaryColor,#7b68ee)}.step-dot.completed{color:#fff;background:#10b981;border-color:#10b981}.step-line{background:#ffffff1a;width:40px;height:2px;transition:background .3s}.step-line.completed{background:#10b981}.common__login__input.input-valid{border-color:#10b98166!important}.common__login__input.input-invalid{border-color:#ef444466!important}.default__button:disabled{opacity:.45;filter:grayscale(.3);cursor:not-allowed!important}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon-animated{animation:.5s forwards successPulse}@media (max-width:480px){.otp-box{width:44px;height:52px;font-size:20px}.otp-container{gap:6px}}.auth-tab-wrapper{background:#6366f10f;border:1.5px solid #6366f11f;border-radius:14px;margin-bottom:30px;padding:4px;display:flex;position:relative;overflow:hidden}.auth-tab-btn{color:var(--contentColor,#666);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:color .3s;display:flex;position:relative}.auth-tab-btn i{font-size:16px;transition:color .3s}.auth-tab-btn--active,.auth-tab-btn--active i{color:#fff!important}.auth-tab-btn:not(.auth-tab-btn--active):hover{color:#6366f1}.auth-tab-indicator{z-index:1;background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#a78bfa 100%) 0 0/200% 200%;border-radius:11px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .35s cubic-bezier(.4,0,.2,1);animation:4s infinite sp-btn-gradient;position:absolute;top:4px;left:4px;box-shadow:0 4px 16px #6366f14d}.auth-tab-indicator--right{transform:translate(calc(100% + 4px))}.is_dark .auth-tab-wrapper{background:#818cf814;border-color:#818cf826}.is_dark .auth-tab-btn{color:#ffffff80}.is_dark .auth-tab-btn--active{color:#fff!important}.is_dark .auth-tab-btn:not(.auth-tab-btn--active):hover{color:#a5b4fc}.is_dark .auth-tab-indicator{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 50%,#c4b5fd 100%);box-shadow:0 4px 16px #818cf859}@media (max-width:480px){.auth-tab-btn{gap:6px;padding:12px 16px;font-size:14px}.auth-tab-btn i{font-size:14px}}
