*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0;padding:0}
body{font-family:"Vazirmatn",sans-serif;background:#fff;color:#14253b}
a{text-decoration:none}
.auth-page{width:100%;min-height:100vh;padding:20px 15px;display:flex;align-items:center;justify-content:center}
.auth-page .container{width:100%;max-width:470px;margin:0 auto}
.auth-logo{text-align:center;margin-bottom:22px}
.auth-logo img{width:190px;max-width:75%;height:auto;object-fit:contain}
.auth-card{width:100%;background:#fff;border-radius:7px;padding:28px 35px 30px;box-shadow:0 8px 35px rgba(20,37,59,.10)}
.auth-title{font-size:20px;font-weight:700;color:#111;margin:0 0 14px}
.auth-description{font-size:12px;color:#555;margin:0 0 22px;line-height:1.9}
.form-label{display:block;font-size:13px;color:#111;margin-bottom:7px}
.form-label span{color:#ed0050}
.mb-4{margin-bottom:18px!important}
.auth-input{height:45px;border:1px solid #ccc;border-radius:0;font-family:inherit;font-size:13px;padding:0 10px;color:#222;box-shadow:none!important}
.auth-input:focus{border-color:#1688f8}
.auth-input::placeholder{color:#c5c5c5}
.auth-btn{background:#1688f8;color:#fff;border:0;border-radius:0;min-height:44px;padding:8px 18px;font-family:inherit;font-size:14px}
.auth-btn:hover,.auth-btn:focus{background:#0578e4;color:#fff}
.auth-footer-link{text-align:center;margin-top:38px;font-size:12px;color:#ed0050}
.auth-footer-link a{color:#ed0050;font-weight:600}
.otp-mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;padding:10px 12px;background:#f8f9fa;border-radius:6px;font-size:11px;color:#555}
.otp-mobile a{color:#ed0050;font-weight:600;white-space:nowrap}
.otp-fields{display:flex;align-items:center;justify-content:center;gap:8px}
.otp-input{width:45px;height:48px;border:1px solid #ccc;border-radius:6px;text-align:center;font-family:inherit;font-size:19px;font-weight:700;outline:none}
.otp-input:focus{border-color:#1688f8;box-shadow:0 0 0 3px rgba(22,136,248,.08)}
.otp-timer{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#777}
.otp-timer #timer{direction:ltr;color:#222;font-weight:600}
.resend-code{display:block;margin:12px auto 0;border:0;background:transparent;color:#1688f8;font-family:inherit;font-size:11px}
.resend-code:disabled{color:#aaa}
@media(max-width:575.98px){
.auth-page{padding:15px 12px}
.auth-page .container{max-width:390px}
.auth-logo{margin-bottom:18px}
.auth-logo img{width:165px}
.auth-card{padding:24px 22px 26px}
.auth-title{font-size:18px}
.auth-description{font-size:11px;margin-bottom:19px}
.form-label{font-size:12px}
.auth-input{height:44px;font-size:12px}
.auth-btn{min-height:43px;font-size:13px}
.auth-footer-link{margin-top:32px;font-size:11px}
.otp-fields{gap:6px}
.otp-input{width:42px;height:46px;font-size:17px}
}
.auth-box{width:100%}
.auth-box.d-none{display:none!important}
.auth-mobile-number{direction:ltr;text-align:right}