#auth-modal{width:min(440px,calc(100vw - 32px));max-width:440px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d6dde7;border-radius:24px;background:#f8fbfe;color:#18283e;box-shadow:0 24px 80px #070e1833;overflow:auto;font-family:vazir,Tahoma,sans-serif;box-sizing:border-box}
#auth-modal::backdrop{background:#10192580;backdrop-filter:blur(6px)}
#auth-modal .auth-close{position:absolute;left:16px;top:14px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#566f90;font-size:30px;line-height:1;cursor:pointer}
#auth-modal .auth-close:hover{background:#e8ecf1}
#auth-modal .auth-content{padding:64px 32px 30px;text-align:right}
#auth-modal .auth-tabs{display:flex;gap:0;padding:0;margin:0 0 28px;border-bottom:1px solid #dae0e8}
#auth-modal .auth-tabs button{flex:1;padding:12px 8px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#607b9f;font:inherit;font-size:18px;cursor:pointer}
#auth-modal .auth-tabs [aria-pressed=true]{border-bottom-color:#283b55;color:#23354c;font-weight:700}
#auth-modal #auth-title{margin:0 0 8px;color:#1c2d44;font-size:30px;line-height:1.6}
#auth-modal #auth-subtitle{margin:0 0 24px;color:#5a7496;font-size:16px;line-height:1.9}
#auth-modal .auth-field{margin:20px 0}
#auth-modal .auth-field label{display:block;margin-bottom:9px;color:#38485c;font-size:16px;line-height:1.6}
#auth-modal input{width:100%;min-height:56px;padding:14px 16px;border:1px solid #ccd5e0;border-radius:12px;background:#ffffff;color:#233144;outline:none;font:18px vazir,Tahoma,sans-serif;box-sizing:border-box}
#auth-modal input:focus{border-color:#506684;box-shadow:0 0 0 3px #51698818}
#auth-modal input::placeholder{color:#8b9fb9;font-size:16px;letter-spacing:0}
#auth-modal .auth-password-wrap{position:relative}
#auth-modal .auth-password-wrap input{padding-left:76px}
#auth-modal .auth-eye{position:absolute;left:6px;top:6px;min-height:44px;padding:8px 10px;border:0;background:transparent;color:#4c627f;font:inherit;font-size:14px;cursor:pointer}
#auth-modal #auth-forgot{padding:0;margin:0 0 16px;border:0;background:transparent;color:#4a5f7a;font:inherit;font-size:15px;line-height:1.8;cursor:pointer}
#auth-modal .auth-submit{width:100%;min-height:56px;padding:14px;border:0;border-radius:12px;background:#24374f;color:#ecf3fc;font:700 18px vazir,Tahoma,sans-serif;cursor:pointer;transition:background .2s}
#auth-modal .auth-submit:hover{background:#344965}
#auth-modal .auth-submit:disabled{opacity:.55;cursor:wait}
#auth-modal #auth-notice{margin:0 0 16px;color:#455974;font-size:15px;line-height:1.9}
#auth-modal #auth-notice:empty{display:none}
#auth-modal #auth-notice.error{padding:12px;border-radius:10px;background:#e5eef9;color:#9a4438}
#auth-modal .auth-demo-link{display:block;margin-top:22px;text-align:center;color:#587293;font-size:14px;text-decoration:underline;text-underline-offset:5px;line-height:1.8}
#auth-modal .auth-progress{display:none!important}
#auth-modal .auth-code-actions{display:flex;justify-content:space-between;gap:8px;margin:10px 0}
#auth-modal .auth-code-actions button{min-height:40px;padding:4px 0;border:0;background:transparent;color:#4f6684;font:inherit;font-size:14px;cursor:pointer}
#auth-modal .auth-code-actions button:disabled{color:#869bb6;cursor:default}
#auth-modal #auth-code{text-align:center;font-size:26px;letter-spacing:8px}
#auth-modal :is(button,a):focus-visible{outline:2px solid #506684;outline-offset:4px}
#auth-modal [hidden]{display:none!important}
@media(max-width:480px){#auth-modal{border-radius:20px}#auth-modal .auth-content{padding:60px 24px 26px}#auth-modal #auth-title{font-size:28px}}
@media(prefers-reduced-motion:reduce){#auth-modal *{transition:none!important}}
/* Refined account dialog, shared by login, signup and recovery. */
#auth-modal{width:min(460px,calc(100vw - 28px));max-width:460px;border:1px solid #e0eaff;border-radius:28px;background:linear-gradient(160deg,#fff 35%,#f3f8ff);box-shadow:0 30px 100px #0c31533b;color:#193557;scrollbar-width:thin}
#auth-modal::backdrop{background:#102b4d66;backdrop-filter:blur(10px)}
#auth-modal .auth-content{padding:28px 32px 26px}
#auth-modal .auth-brand-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid #dceaff;background:#edf5ff;border-radius:19px;margin:0 0 22px auto;box-shadow:0 5px 20px #267cf00b}
#auth-modal .auth-brand-mark img{object-fit:contain;width:48px;height:48px}
#auth-modal .auth-close{top:20px;left:20px;width:34px;height:34px;border-radius:11px;background:#edf4fc;color:#6481a4;font-size:25px}
#auth-modal .auth-tabs{background:#eaf2fc;border:1px solid #e0eafa;padding:5px;border-radius:14px;margin:0 0 24px;gap:5px}
#auth-modal .auth-tabs button{font-size:15px;padding:9px 8px;min-height:43px;border:0;border-radius:10px;color:#6d84a3;transition:background .2s,color .2s,box-shadow .2s}
#auth-modal .auth-tabs [aria-pressed=true]{background:white;color:#1874e6;box-shadow:0 3px 9px #3465a412;font-weight:800}
#auth-modal #auth-title{font-size:26px;line-height:1.65;letter-spacing:-.5px;color:#173453;margin-bottom:6px}
#auth-modal #auth-subtitle{font-size:13px;line-height:1.9;color:#7a8da6;margin-bottom:22px}
#auth-modal .auth-field{margin:17px 0}
#auth-modal .auth-field label{font-size:13px;color:#405b7b;margin-bottom:8px;font-weight:600}
#auth-modal input{min-height:52px;border:1px solid #d8e4f2;border-radius:12px;padding:12px 15px;background:#fff;color:#254266;font-size:16px;transition:border-color .2s,box-shadow .2s}
#auth-modal input:focus{border-color:#4198ff;box-shadow:0 0 0 3px #3187ed13}
#auth-modal input::placeholder{color:#a0b1c8;font-size:13px}
#auth-modal .auth-password-wrap input{padding-left:55px}
#auth-modal .auth-eye{display:grid;place-items:center;top:6px;left:7px;width:40px;height:40px;min-height:40px;border-radius:9px;padding:9px;color:#7c91ad}
#auth-modal .auth-eye svg{display:block;width:22px;height:22px}
#auth-modal .auth-eye:hover,#auth-modal .auth-eye[aria-pressed=true]{background:#edf5ff;color:#217beb}
#auth-modal #auth-forgot{font-size:12px;margin:0 0 18px;color:#5481b5}
#auth-modal .auth-submit{min-height:52px;border-radius:13px;font-size:16px;background:linear-gradient(110deg,#1763e0,#2da4fb);box-shadow:0 7px 18px #207cf127;color:white;transition:filter .2s,transform .2s}
#auth-modal .auth-submit:hover{background:linear-gradient(110deg,#1763e0,#2da4fb);filter:brightness(1.05);transform:translateY(-1px)}
#auth-modal .auth-demo-link{font-size:12px;color:#8396af;margin-top:22px;text-decoration:none}
#auth-modal .auth-demo-link:hover{color:#247de8;text-decoration:underline}
#auth-modal #auth-notice{font-size:13px}
#auth-modal #auth-notice.error{background:#fff1ef;color:#a94f43;border:1px solid #f5dfd9}
@media(max-width:480px){#auth-modal{border-radius:23px;max-height:calc(100dvh - 24px)}#auth-modal .auth-content{padding:24px 22px}#auth-modal #auth-title{font-size:24px}#auth-modal .auth-brand-mark{margin-bottom:18px}}
@media(max-height:650px){#auth-modal .auth-brand-mark{width:46px;height:46px;margin-bottom:14px}#auth-modal .auth-brand-mark img{width:37px;height:37px}#auth-modal .auth-tabs{margin-bottom:17px}}

#auth-modal,#auth-modal input,#auth-modal button,#auth-modal textarea{font-family:SiteVazir,Tahoma,sans-serif!important}#auth-modal .auth-content{padding-top:58px}

#auth-modal *{font-family:SiteVazir,Tahoma,sans-serif!important}