.otp-container{max-width:400px;margin:0 auto;padding:2rem;text-align:center}.otp-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.otp-description{color:#666;margin-bottom:2rem;font-size:.95rem}.otp-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.otp-input{width:3rem;height:3rem;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid #e0e0e0;transition:all .2s}.otp-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.otp-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.otp-error{color:#dc2626;margin:1rem 0;background-color:#fee2e2;border-radius:6px}.otp-error,.otp-resend{font-size:.875rem;padding:.5rem}.otp-resend{background:none;border:none;color:#1a1a1a;cursor:pointer;text-decoration:underline;margin-top:1rem}.otp-resend:hover:not(:disabled){color:#000}.otp-resend:disabled{color:#999;cursor:not-allowed;text-decoration:none}@media (max-width:480px){.otp-input{width:2.5rem;height:2.5rem;font-size:1.25rem}.otp-inputs{gap:.25rem}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,0.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,0.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.authFormContainer{width:100%}.authFormTitle{font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.authTabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e5e5e5}.authTab{flex:1;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s ease;white-space:nowrap}.authTab:hover{color:#222}.authTab.active{color:#222;border-bottom-color:#222}.authTabsContent{width:100%}.authForm{display:flex;flex-direction:column;gap:15px}.authForm input[type=email],.authForm input[type=password],.authForm input[type=tel],.authForm input[type=text]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.authForm input:focus{outline:none;border-color:#222}.authForm input:disabled{background-color:#f5f5f5;cursor:not-allowed}.authForm button[type=submit]{width:100%;padding:14px;background-color:#222;color:white;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:4px}.authForm button[type=submit]:hover:not(:disabled){background-color:#000;transform:translateY(-1px)}.authForm button[type=submit]:disabled{background-color:#999;cursor:not-allowed;transform:none}.phoneInputWrapper{display:flex;flex-direction:column;gap:8px}.phoneInputWrapper label{font-size:14px;font-weight:500;color:#222}.phoneInput{padding:0 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.PhoneInputInput{border:none!important;border-left:1px solid #ddd!important;border-radius:0!important;margin-left:7px!important}.PhoneInputCountrySelectArrow{margin-left:8px!important}.phoneAuthInfo{font-size:13px;color:#666;text-align:center;margin:-5px 0 0}.authFormLinks{display:flex;justify-content:flex-end;margin-top:-8px;margin-bottom:20px}.forgotPasswordLink{font-size:12px;color:#767676;text-decoration:none;transition:color .3s ease;font-weight:500}.forgotPasswordLink:hover{color:#222;text-decoration:underline}.authSwitch{font-size:14px;text-align:center;color:#666;margin-top:5px}.authSwitch span{color:#222;font-weight:600;cursor:pointer;text-decoration:underline}.authSwitch span:hover{color:#000}.authOtpSection{width:100%}.authBackButton{width:100%;padding:12px;margin-top:20px;background-color:#f5f5f5;border:1px solid #ddd;font-size:14px;font-weight:500;color:#222;cursor:pointer;transition:all .3s ease}.authBackButton:hover{background-color:#e5e5e5}.socialLoginDivider{display:flex;align-items:center;margin:10px 0 0;text-align:center}.socialLoginDivider:after,.socialLoginDivider:before{content:"";flex:1;border-bottom:1px solid #ddd}.socialLoginDivider span{padding:0 15px;font-size:13px;color:#666;font-weight:500}.socialLoginButtons{display:flex;gap:12px;margin-top:15px}.socialLoginBtn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid #ddd;border-radius:4px;background-color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.socialLoginBtn:hover:not(:disabled){border-color:#222;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.socialLoginBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.socialLoginBtn svg{font-size:18px}.googleBtn{color:#222}.googleBtn:hover:not(:disabled){background-color:#f5f5f5;border-color:#4285f4}.googleBtn svg{color:#4285f4}.facebookBtn{color:#fff;background-color:#1877f2;border-color:#1877f2}.facebookBtn:hover:not(:disabled){background-color:#145dbf;border-color:#145dbf}.facebookBtn svg{color:#fff}@media (max-width:768px){.authTab{padding:10px 12px;font-size:13px}.authFormTitle{font-size:20px}.socialLoginButtons{flex-direction:column}.socialLoginBtn{width:100%}}