/* Login popup (e-mail + password, SMS code, lost password). Ported unchanged from araznod_login.php (araz_lg_css) and araznod_phone_login.php (araz_pl_css). */
.araz-lg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;padding:12px;overflow:auto;background:rgba(11,31,77,.52);font-family:IRANSANSWeb,IRANSansWeb,Tahoma,sans-serif;direction:rtl;color:#12244a;-webkit-text-size-adjust:100%}
.araz-lg[hidden]{display:none}
.araz-lg *{box-sizing:border-box}
html.araz-lg-lock{overflow:hidden}
.araz-lg-card{position:relative;width:min(480px,calc(100vw - 24px));margin:auto;padding:30px 30px 28px;border-radius:22px;background:#fff;box-shadow:0 18px 56px rgba(11,31,77,.30)}
.araz-lg-x{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:#aab5cc;cursor:pointer;transition:background .15s,color .15s}
.araz-lg-x:hover,.araz-lg-x:focus-visible{background:#f1f6ff;color:var(--blue,#2563eb)}
.araz-lg form{display:flex;flex-direction:column;gap:18px;margin:0}
.araz-lg-group{display:block;margin:0}
.araz-lg-title,.araz-lg-lbl{display:block;margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.6;color:#12244a;text-align:start}
.araz-lg-title{margin-bottom:14px;padding-inline-end:36px;font-size:19px;font-weight:800;color:var(--navy,#0b1f4d)}
.araz-lg-lbl{font-size:13.5px;font-weight:600;color:#56627e}
.araz-lg-in{display:block;width:100%;height:50px;margin:0;padding:0 16px;border:1px solid #e3eaf7;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.05);font-family:inherit;font-size:14.5px;line-height:48px;color:#12244a;text-align:start;outline:0;transition:border-color .15s,box-shadow .15s}
.araz-lg-in::placeholder{color:#a3adc2;opacity:1}
.araz-lg-in:focus{border-color:#8fb0f5;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.araz-lg-user{padding:0 54px 0 16px;background-color:#f1f6ff;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/></svg>");
  background-repeat:no-repeat;background-position:right 16px center;background-size:22px 22px}
.araz-lg-pw{position:relative;display:block;width:100%}
.araz-lg-pw .araz-lg-in{padding:0 16px 0 50px}
.araz-lg-eye{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:48px;margin:0;padding:0;border:0;background:none;color:#8a96ad;cursor:pointer}
.araz-lg-eye:hover,.araz-lg-eye:focus-visible{color:var(--blue,#2563eb)}
.araz-lg-eye .e-off{display:none}
.araz-lg-eye.on .e-off{display:block}
.araz-lg-eye.on .e-on{display:none}
.araz-lg-remember{display:flex;align-items:center;gap:10px;margin:0;font-size:14.5px;color:#12244a;cursor:pointer}
.araz-lg-remember input{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;padding:0;border:1.5px solid #b9c6e2;border-radius:6px;background:#fff;cursor:pointer}
.araz-lg-remember input:checked{border-color:var(--blue,#2563eb);background:var(--blue,#2563eb) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/14px no-repeat}
.araz-lg-remember input:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:1px}
.araz-lg-captcha{display:flex;justify-content:center;direction:ltr}
.araz-lg-captcha:empty{display:none}
.araz-lg-submit{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin:6px 0 0;padding:0 24px;border:0;border-radius:999px;background-color:var(--blue,#2563eb);background-image:linear-gradient(90deg,#0ea5ff,#7c3aed);box-shadow:0 10px 22px rgba(79,70,229,.28);color:#fff;font:700 17px IRANSANSWeb,IRANSansWeb,Tahoma,sans-serif;cursor:pointer;transition:filter .15s}
.araz-lg-submit:hover{filter:brightness(1.07)}
.araz-lg-submit:active{filter:brightness(.97)}
.araz-lg-submit:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}
.araz-lg-submit[disabled],.araz-lg-submit.is-busy{opacity:.7;cursor:wait}
.araz-lg-lost{align-self:flex-start;margin-top:-2px;font-size:14.5px;font-weight:600;color:var(--blue,#2563eb);text-decoration:none}
.araz-lg-lost:hover{color:#1747c2}
.araz-lg-hint{margin:10px 0 0;font-size:13px;line-height:1.9;color:#56627e}
.araz-lg-hint[hidden]{display:none}
.araz-lg.is-lost .araz-lg-pwgroup,.araz-lg.is-lost .araz-lg-remember{display:none}
.araz-lg-msg{margin:0;padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.8}
.araz-lg-msg[hidden]{display:none}
.araz-lg-msg.err{background:#fdeeee;color:#a52a22}
.araz-lg-msg.ok{background:#eaf8ef;color:#176b3a}
@media (max-width:480px){.araz-lg-card{padding:26px 18px 22px;border-radius:20px}.araz-lg-title{font-size:17px}}
@media (max-width:360px){.araz-lg-captcha{transform:scale(.85);transform-origin:center top;margin-bottom:-10px}}
@media (prefers-reduced-motion:reduce){.araz-lg *{transition:none !important}}
.araz-pl-numg,.araz-pl-otpg,.araz-pl-to-mail{display:none}
.araz-lg.is-phone .araz-lg-user,.araz-lg.is-phone .araz-lg-userg .araz-lg-hint,.araz-lg.is-phone .araz-lg-pwgroup,.araz-lg.is-phone .araz-lg-remember,.araz-lg.is-phone .araz-lg-lost,.araz-lg.is-phone .araz-pl-to-phone{display:none}
.araz-lg.is-phone .araz-pl-numg{display:block}
.araz-lg.is-phone .araz-pl-to-mail{display:block}
.araz-lg.is-phone.is-otp .araz-pl-numg{display:none}
.araz-lg.is-phone.is-otp .araz-pl-otpg{display:block}
.araz-lg.is-phone.is-otp .araz-lg-remember{display:flex}
.araz-lg.is-phone.is-otp .araz-lg-captcha{display:none}
.araz-lg.is-lost .araz-pl-to-phone{display:none}
.araz-pl-in{direction:ltr;text-align:right;letter-spacing:.06em}
.araz-pl-in::placeholder{letter-spacing:0}
.araz-pl-code{font-size:20px;font-weight:700;letter-spacing:.35em;text-align:center}
.araz-pl-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.araz-pl-link{margin:0;padding:0;border:0;background:none;font:600 14px/1.6 inherit;font-family:inherit;color:var(--blue,#2563eb);cursor:pointer}
.araz-pl-link:hover{color:#1747c2}
.araz-pl-link[disabled]{color:#8a96ad;cursor:default}
@media (prefers-reduced-motion:reduce){.araz-pl-link{transition:none}}