*{box-sizing:border-box;margin:0;padding:0;font-family:IRANYekan,Vazirmatn,sans-serif}body{color:#23254e;direction:rtl;background:#fff;font-family:YekanBakh,sans-serif}a{text-decoration:none}button,input{font-family:inherit}.login-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:30px 15px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:450px;padding:36px;position:relative}.back-btn{color:#555;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.back-btn:hover{color:#06bd80}.logo{justify-content:center;margin-bottom:28px;display:flex}.logo img{width:200px;height:40px}.login-card h1{margin-bottom:30px;font-size:18px;font-weight:600}.subtitle{text-align:center;color:#666;margin-bottom:34px;font-size:15px}.input-group{margin-bottom:22px}.input-group label{color:#81858b;margin-bottom:20px;font-size:12px;font-weight:400;display:block}.input-box input{direction:rtl;background:#fff;border:1px solid #dcdfe4;border-radius:14px;outline:none;width:100%;height:56px;padding-left:48px;padding-right:48px;font-size:14px;transition:all .25s}.input-box input::placeholder{color:#a1a1aa}.input-box input:hover{border-color:#bfc5cf}.icon{color:#9ca3af;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.icon svg{width:20px;height:20px}.eye-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.eye-btn:hover{color:#14b8a6}.eye-btn svg{width:20px;height:20px}.login-btn{color:#fff;cursor:pointer;background:#14b8a6;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-top:12px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.login-btn:hover{background:#13a897;transform:translateY(-2px)}.login-btn svg{width:18px;height:18px}.terms{color:#6b7280;text-align:center;margin-top:24px;font-size:11px;line-height:2}.terms a{color:#14b8a6;font-weight:700}.terms a:hover{text-decoration:underline}@media (width<=480px){.login-card{border-radius:18px;padding:26px}.login-card h1{font-size:21px}.subtitle{font-size:14px}}.input-box{position:relative}.input-box input{background:#fff;border:1px solid #dcdfe4;border-radius:14px;outline:none;width:100%;height:58px;padding:0 48px;font-size:14px}.input-box label{color:#999;pointer-events:none;background:#fff;padding:0 8px;transition:all .25s;position:absolute;top:50%;right:48px;transform:translateY(-50%)}.input-box input:focus{border-color:#14b8a6}.input-box input:focus+label,.input-box input:not(:placeholder-shown)+label{color:#14b8a6;font-size:12px;font-weight:700;top:0;transform:translateY(-50%)}.auth-alert{border:1px solid #0000;border-radius:14px;align-items:flex-start;gap:12px;width:100%;margin-bottom:18px;padding:14px 18px;font-size:14px;line-height:1.9;display:flex}.auth-alert svg{flex-shrink:0;width:22px;height:22px;margin-top:2px}.auth-alert.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.auth-alert.success{color:#15803d;background:#ecfdf5;border-color:#bbf7d0}.auth-warning{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-right:4px solid #3b82f6;border-radius:14px;align-items:center;gap:13px;width:100%;max-width:450px;margin-bottom:20px;padding:14px 16px;display:flex}.auth-warning__icon{background:#dbeafe;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.auth-warning__content{flex-direction:column;gap:3px;display:flex}.auth-warning__content strong{color:#1e40af;font-size:13px;font-weight:800}.auth-warning__content span{color:#64748b;font-size:11px;line-height:1.8}@media (width<=600px){.auth-warning{align-items:flex-start;gap:10px;padding:12px}.auth-warning__icon{flex-basis:38px;width:38px;height:38px}.auth-warning__icon svg{width:20px;height:20px}.auth-warning__content strong{font-size:12px}.auth-warning__content span{font-size:10px}}.auth-error{color:#991b1b;box-sizing:border-box;background:#fef2f2f2;border:1px solid #dc262629;border-radius:14px;align-items:flex-start;gap:12px;width:100%;margin:0 0 20px;padding:13px 14px;animation:.25s ease-out authErrorIn;display:flex}.auth-error__icon{color:#dc2626;background:#fee2e2;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-error__icon svg{width:21px;height:21px;display:block}.auth-error__content{flex-direction:column;gap:4px;min-width:0;padding-top:1px;display:flex}.auth-error__title{color:#991b1b;font-size:14px;font-weight:800;line-height:1.7}.auth-error__messages{flex-direction:column;gap:2px;display:flex}.auth-error__message{color:#7f1d1d;font-size:13px;font-weight:500;line-height:1.8}.remember-me{width:100%;margin:-2px 0 18px}.remember-me label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#4b5563;align-items:center;gap:9px;font-size:13px;font-weight:500;line-height:1.7;display:inline-flex}.remember-me input[type=checkbox]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.remember-me label:before{content:"";box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:6px;flex:0 0 19px;width:19px;height:19px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.remember-me input[type=checkbox]:checked+span:before{content:""}.remember-me input[type=checkbox]:checked~span{color:#111827}.remember-me input[type=checkbox]:checked+span{position:relative}.remember-me label:has(input[type=checkbox]:checked):before{background:#111827;border-color:#111827;box-shadow:0 3px 8px #1118271f}.remember-me label:has(input[type=checkbox]:checked):after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:9px;margin-top:-2px;margin-right:7px;position:absolute;transform:rotate(45deg)}.remember-me label:has(input[type=checkbox]:focus-visible):before{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.remember-me label:hover:before{border-color:#9ca3af}@keyframes authErrorIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-error{gap:10px;padding:12px}.auth-error__icon{flex-basis:34px;width:34px;height:34px}.auth-error__title{font-size:13px}.auth-error__message{font-size:12px}.remember-me label{font-size:12.5px}}.otp-description{color:#6b7280;text-align:right;margin:0 0 22px;font-size:13px;line-height:2}.otp-description strong{color:#23254e;direction:ltr;margin:0 4px;display:inline-block}#otp{text-align:center;letter-spacing:7px;direction:ltr;padding-left:48px;padding-right:48px;font-size:20px;font-weight:700}#otp::placeholder{letter-spacing:0}#otp:focus{border-color:#14b8a6}.otp-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.otp-link{color:#14b8a6;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.otp-link:hover{color:#0f9385}.otp-link:disabled{color:#9ca3af;cursor:not-allowed}.login-btn:disabled{opacity:.7;cursor:wait;transform:none}.login-btn:disabled:hover{background:#14b8a6;transform:none}@media (width<=480px){.otp-description{margin-bottom:20px;font-size:12px}#otp{letter-spacing:6px;font-size:18px}.otp-actions{margin-top:16px}.otp-link{font-size:11px}}#verifyOtpError[hidden],#sendOtpError[hidden]{display:none!important}#verifyOtpError,#sendOtpError{color:#8f4545;box-sizing:border-box;background:#fff8f8;border:1px solid #f1d5d5;border-radius:12px;align-items:center;gap:10px;width:100%;margin:0 0 18px;padding:11px 13px;animation:.2s ease-out authErrorIn;display:flex}#verifyOtpError .auth-error__icon,#sendOtpError .auth-error__icon{color:#b85c5c;background:#fceaea;border-radius:9px;flex:0 0 32px;width:32px;height:32px}#verifyOtpError .auth-error__icon svg,#sendOtpError .auth-error__icon svg{width:18px;height:18px}#verifyOtpError .auth-error__content,#sendOtpError .auth-error__content{gap:1px;padding:0}#verifyOtpError .auth-error__title,#sendOtpError .auth-error__title{color:#8f4545;font-size:12px;font-weight:700;line-height:1.7}#verifyOtpError .auth-error__message,#sendOtpError .auth-error__message{color:#9b5555;font-size:11px;font-weight:500;line-height:1.8}.login-btn.is-loading .login-btn__icon{display:none}@keyframes loginLoaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-btn.is-loading .login-btn__text{position:relative}@keyframes loginLoadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.login-btn{position:relative}.login-btn__loader{flex:0 0 22px;width:22px;height:22px;animation:.8s linear infinite loginLoaderSpin;display:none}.login-btn.is-loading{cursor:wait}.login-btn.is-loading svg:not(.login-btn__loader){display:none!important}.login-btn.is-loading .login-btn__loader{display:block!important}.login-btn.is-loading .login-btn__text:after{content:"";text-align:left;width:18px;animation:1.2s steps(4,end) infinite loginLoadingDots;display:inline-block}