/* IGI Kala — the sign-in window and the dashboard's profile window (igi-auth.js). Site tokens: brand #1974BA, ink #1D1D1F,
   Yekan Bakh. Every rule is scoped under .igi-au so the theme's button and input styles never reach in. */
.igi-au{--au-card:#fff;--au-ink:#1D1D1F;--au-ink2:#424245;--au-ink3:#6E6E73;--au-line:#E8E8ED;--au-line2:#D2D2D7;--au-soft:#F5F5F7;
  --au-brand:#1974BA;--au-brand-soft:#EDF4FA;--au-brand-deep:#15639E;--au-ok:#1E7F4F;--au-ok-soft:#E8F4EC;--au-err:#B91C1C;--au-err-soft:#FDECEC;
  --au-p1:#0E3F69;--au-p2:#1974BA;--au-shadow:0 30px 80px -20px rgba(16,32,60,.45);
  position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:24px 16px;font-family:"YekanBakh","Yekan Bakh",Tahoma,sans-serif;color:var(--au-ink);direction:rtl;text-align:right;line-height:1.6}
.igi-au *,.igi-au *::before,.igi-au *::after{box-sizing:border-box}
.igi-au [hidden]{display:none!important}
html.igi-au-lock{overflow:hidden}
.igi-au .igi-au-scrim{position:absolute;inset:0;background:rgba(10,18,32,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s}
.igi-au.is-closing .igi-au-scrim{opacity:0}
.igi-au.is-closing .igi-au-m{opacity:0;transform:scale(.97) translateY(6px)}
.igi-au .igi-au-m{position:relative;z-index:2;width:min(880px,100%);display:grid;grid-template-columns:1fr 360px;background:var(--au-card);border-radius:24px;box-shadow:var(--au-shadow);overflow:hidden;min-height:500px;max-height:calc(100dvh - 32px);transition:opacity .25s,transform .25s;animation:igi-au-pop2 .3s ease}
.igi-au .igi-au-form{padding:34px 40px 28px;display:flex;flex-direction:column;position:relative;min-width:0;overflow:auto}
.igi-au .igi-au-view{min-width:0;display:none;flex-direction:column;flex:1;margin:0;animation:igi-au-fade .25s ease}
.igi-au .igi-au-view.is-on{display:flex}
@keyframes igi-au-fade{from{opacity:0;transform:translateX(-10px)}}
@keyframes igi-au-pop2{from{opacity:0;transform:translateY(10px) scale(.98)}}
.igi-au h1,.igi-au h2{font-family:inherit;font-size:24px;line-height:1.5;margin:0 0 6px;font-weight:800;color:var(--au-ink);text-wrap:balance;letter-spacing:0}
.igi-au .igi-au-lead{margin:0 0 28px;color:var(--au-ink2);font-size:14.5px;line-height:1.9}

/* buttons: a full reset first (the theme styles every button and its :hover) */
.igi-au button,.igi-au .igi-au-ghost{font:inherit;text-transform:none;letter-spacing:0;line-height:1.4;min-height:0;box-shadow:none;text-decoration:none}
.igi-au .igi-au-close,.igi-au .igi-au-close:hover,.igi-au .igi-au-close:focus{position:absolute;top:18px;left:18px;width:38px;height:38px;padding:0;border-radius:12px;border:0;background:var(--au-soft);display:grid;place-items:center;cursor:pointer;color:var(--au-ink2)}
.igi-au .igi-au-close:hover{background:var(--au-line)}
.igi-au .igi-au-back,.igi-au .igi-au-back:focus{position:absolute;top:18px;left:64px;height:38px;border:0;background:none;color:var(--au-ink2);display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;padding:0 8px;border-radius:10px}
.igi-au.is-page .igi-au-back{left:18px}
.igi-au .igi-au-back:hover{background:var(--au-soft);color:var(--au-ink2)}
.igi-au .igi-au-btn,.igi-au .igi-au-btn:focus,.igi-au .igi-au-btn:hover{height:56px;border:0;border-radius:14px;background:var(--au-brand);color:#fff;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:filter .15s,opacity .15s,transform .1s;width:100%;margin-top:10px;padding:0 16px}
.igi-au .igi-au-btn:hover{filter:brightness(1.06)}
.igi-au .igi-au-btn:active{transform:scale(.99)}
.igi-au .igi-au-btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.igi-au .igi-au-btn.is-busy{opacity:.85;cursor:progress}
.igi-au .igi-au-spin{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:igi-au-sp .7s linear infinite;display:none}
.igi-au .igi-au-btn.is-busy .igi-au-spin{display:block}
@keyframes igi-au-sp{to{transform:rotate(360deg)}}
.igi-au .igi-au-ghost,.igi-au .igi-au-ghost:focus,.igi-au .igi-au-ghost:hover{background:none;border:0;color:var(--au-brand);font-weight:600;font-size:14px;cursor:pointer;padding:6px 4px;border-radius:8px;display:inline-flex;align-items:center;gap:5px}
@media (hover:hover){.igi-au .igi-au-ghost:hover{text-decoration:underline}}
.igi-au .igi-au-ghost[disabled]{opacity:.45;cursor:not-allowed}
.igi-au .igi-au-btn:focus-visible,.igi-au .igi-au-ghost:focus-visible,.igi-au .igi-au-close:focus-visible,.igi-au .igi-au-back:focus-visible,.igi-au .igi-au-chip:focus-visible{outline:2px solid var(--au-brand);outline-offset:2px}
.igi-au .igi-au-muted{color:var(--au-ink3);font-size:12.5px;line-height:1.9;margin:auto 0 0;padding-top:22px}
.igi-au .igi-au-muted a{color:var(--au-ink2);text-decoration:underline}

/* logo */
.igi-au .igi-au-logo{display:flex;align-items:center;gap:10px;margin-bottom:34px}
.igi-au .igi-au-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--au-p2),var(--au-p1));display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;letter-spacing:.5px;font-family:system-ui,sans-serif;flex:none}
.igi-au .igi-au-name{font-weight:800;font-size:18px}
.igi-au .igi-au-name small{display:block;font-weight:500;font-size:12px;color:var(--au-ink3);margin-top:1px}

/* fields */
.igi-au .igi-au-field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.igi-au .igi-au-field label,.igi-au .igi-au-lab{font-size:13.5px;font-weight:600;color:var(--au-ink2)}
.igi-au .igi-au-phone{display:flex;align-items:center;direction:ltr;border:1.5px solid var(--au-line2);border-radius:14px;background:var(--au-card);transition:border-color .15s,box-shadow .15s;height:60px}
.igi-au .igi-au-phone:focus-within{border-color:var(--au-brand);box-shadow:0 0 0 4px var(--au-brand-soft)}
.igi-au .igi-au-phone.is-err{border-color:var(--au-err);box-shadow:0 0 0 4px var(--au-err-soft)}
.igi-au .igi-au-ic{display:grid;place-items:center;width:52px;color:var(--au-ink3)}
.igi-au .igi-au-phone:focus-within .igi-au-ic{color:var(--au-brand)}
.igi-au .igi-au-phone input,.igi-au .igi-au-phone input:focus{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;box-shadow:none;padding:0 4px;margin:0;font-size:21px;font-weight:600;letter-spacing:1.5px;font-family:inherit;direction:ltr;text-align:left;color:var(--au-ink);border-radius:0}
.igi-au .igi-au-st{display:grid;place-items:center;width:48px;color:var(--au-ok);opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s}
.igi-au .igi-au-phone.is-valid .igi-au-st{opacity:1;transform:none}
.igi-au .igi-au-msg{font-size:13px;color:var(--au-err);min-height:22px;padding-top:0;display:flex;align-items:center;gap:6px}
.igi-au .igi-au-in,.igi-au .igi-au-in:focus{height:52px;border:1.5px solid var(--au-line2);border-radius:12px;padding:0 14px;background:var(--au-card);outline:0;font-size:15px;font-family:inherit;color:var(--au-ink);transition:border-color .15s,box-shadow .15s;width:100%;margin:0;box-shadow:none}
.igi-au .igi-au-in:focus{border-color:var(--au-brand);box-shadow:0 0 0 4px var(--au-brand-soft)}
.igi-au .igi-au-in.is-err{border-color:var(--au-err)}
.igi-au .igi-au-tf,.igi-au .igi-au-tf:focus{direction:ltr;text-align:center;font-size:22px;letter-spacing:6px;height:60px}
.igi-au .igi-au-check{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--au-ink2);margin:14px 0 4px;cursor:pointer}
.igi-au .igi-au-check input{width:18px;height:18px;margin:0;accent-color:var(--au-brand)}

/* the code step */
.igi-au .igi-au-numrow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--au-soft);border-radius:14px;padding:10px 14px;margin-bottom:22px}
.igi-au .igi-au-n{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--au-ink2)}
.igi-au .igi-au-numrow bdi{direction:ltr;unicode-bidi:isolate;font-weight:700;color:var(--au-ink);font-size:16px;letter-spacing:1px}
.igi-au .igi-au-numrow .igi-au-ghost{font-size:13.5px}
.igi-au .igi-au-otp{display:flex;gap:12px;direction:ltr;justify-content:center;margin:4px 0 10px}
.igi-au .igi-au-otp input,.igi-au .igi-au-otp input:focus{width:60px;height:66px;padding:0;margin:0;border:1.5px solid var(--au-line2);border-radius:14px;text-align:center;font-size:28px;font-weight:700;background:var(--au-card);color:var(--au-ink);outline:0;transition:border-color .15s,box-shadow .15s;caret-color:var(--au-brand);font-family:inherit;box-shadow:none}
.igi-au .igi-au-otp input:focus{border-color:var(--au-brand);box-shadow:0 0 0 4px var(--au-brand-soft)}
.igi-au .igi-au-otp input.is-fill{border-color:var(--au-brand);background:var(--au-brand-soft)}
.igi-au .igi-au-otp.is-err input{border-color:var(--au-err);background:var(--au-err-soft);animation:igi-au-shake .35s}
.igi-au .igi-au-otp.is-ok input{border-color:var(--au-ok);background:var(--au-ok-soft)}
@keyframes igi-au-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.igi-au .igi-au-otpmeta{display:flex;justify-content:center;align-items:center;font-size:13.5px;color:var(--au-ink2);min-height:32px}
.igi-au .igi-au-timer{display:flex;align-items:center;gap:8px}
.igi-au .igi-au-timer b{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;color:var(--au-ink)}
.igi-au .igi-au-ring{width:22px;height:22px}
.igi-au .igi-au-ring circle{fill:none;stroke-width:3}
.igi-au .igi-au-ring .bgc{stroke:var(--au-line)}
.igi-au .igi-au-ring .fg{stroke:var(--au-brand);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s linear}
.igi-au .igi-au-errline{color:var(--au-err);font-size:13px;text-align:center;min-height:20px}
.igi-au .igi-au-alt{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:12px;font-size:13.5px;color:var(--au-ink3);align-items:center}
.igi-au .igi-au-done{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;flex:1;gap:4px}
.igi-au .igi-au-tick{width:76px;height:76px;border-radius:50%;background:var(--au-ok-soft);display:grid;place-items:center;color:var(--au-ok);margin-bottom:12px;animation:igi-au-pop .35s cubic-bezier(.2,1.4,.4,1)}
@keyframes igi-au-pop{from{transform:scale(.6);opacity:0}}
.igi-au .igi-au-done p{color:var(--au-ink2);margin:0;font-size:14.5px}

/* the benefits panel (desktop) and chips (phone) */
.igi-au .igi-au-side{background:linear-gradient(160deg,var(--au-p2),var(--au-p1));color:#fff;padding:34px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.igi-au .igi-au-side::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.06);left:-120px;bottom:-140px}
.igi-au .igi-au-side::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);right:-60px;top:-60px}
.igi-au .igi-au-side h2{font-family:inherit;color:#fff;font-size:19px;margin:6px 0;font-weight:800;line-height:1.6;position:relative}
.igi-au .igi-au-sub{opacity:.82;font-size:13.5px;line-height:1.9;margin:0 0 22px;position:relative}
.igi-au .igi-au-ben{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative}
.igi-au .igi-au-ben li{display:flex;gap:12px;align-items:flex-start;line-height:1.7;margin:0}
.igi-au .igi-au-bi{flex:none;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.13);display:grid;place-items:center}
.igi-au .igi-au-ben b{display:block;font-size:14.5px}
.igi-au .igi-au-ben span{opacity:.78;font-size:12.5px}
.igi-au .igi-au-stats{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;padding-top:22px}
.igi-au .igi-au-stats div{background:rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;font-size:12px}
.igi-au .igi-au-stats b{display:block;font-size:17px}
.igi-au .igi-au-mstrip{display:none;gap:8px;overflow-x:auto;margin:-10px 0 22px;scrollbar-width:none}
.igi-au .igi-au-mstrip::-webkit-scrollbar{display:none}
.igi-au .igi-au-mstrip span{flex:none;font-size:12px;background:var(--au-brand-soft);color:var(--au-brand-deep);border-radius:20px;padding:6px 10px;font-weight:600}

/* drawn in the page (/login/, the dashboard for a guest) */
.igi-au.is-page{position:static;inset:auto;z-index:auto;padding:24px 0 48px}
.igi-au.is-page .igi-au-scrim{display:none}
.igi-au.is-page .igi-au-m{max-height:none;box-shadow:0 20px 60px -24px rgba(16,32,60,.28);border:1px solid var(--au-line)}

/* the profile window */
.igi-au .igi-au-pwin{position:relative;z-index:2;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--au-card);border-radius:24px;box-shadow:var(--au-shadow);padding:30px 32px 26px;margin:0;animation:igi-au-pop2 .3s ease}
.igi-au .igi-au-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.igi-au .igi-au-hic{width:48px;height:48px;border-radius:14px;background:var(--au-brand-soft);color:var(--au-brand);display:grid;place-items:center;flex:none}
.igi-au .igi-au-pwin h1,.igi-au .igi-au-pwin h2{margin:0;font-size:22px}
.igi-au .igi-au-pwin .igi-au-lead{margin:10px 0 22px}
.igi-au .igi-au-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}
.igi-au .igi-au-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 6px}
.igi-au .igi-au-chip,.igi-au .igi-au-chip:hover,.igi-au .igi-au-chip:focus{border:1.5px solid var(--au-line2);border-radius:14px;padding:12px 10px;background:var(--au-card);color:var(--au-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:600;text-align:center;transition:border-color .15s,background .15s}
.igi-au .igi-au-chip small{font-weight:400;font-size:11.5px;color:var(--au-ink3);line-height:1.5}
.igi-au .igi-au-chip svg{color:var(--au-ink2)}
.igi-au .igi-au-chip.is-on{border-color:var(--au-brand);background:var(--au-brand-soft);color:var(--au-brand-deep)}
.igi-au .igi-au-chip.is-on svg{color:var(--au-brand)}
.igi-au .igi-au-corp{margin-top:12px}
.igi-au .igi-au-rnote{margin-top:12px;background:var(--au-soft);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--au-ink2);line-height:1.9}
.igi-au .igi-au-pfoot{display:flex;align-items:center;gap:12px;margin-top:8px}
.igi-au .igi-au-pfoot .igi-au-btn{margin:0}
.igi-au .igi-au-pwin .igi-au-alt .igi-au-ghost{color:var(--au-ink2);font-weight:500;font-size:13.5px}

.igi-au-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1D1D1F;color:#fff;padding:12px 18px;border-radius:12px;font:600 14px/1.5 "YekanBakh","Yekan Bakh",Tahoma,sans-serif;display:flex;gap:8px;align-items:center;z-index:1500;direction:rtl;animation:igi-au-up .3s ease;box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}
@keyframes igi-au-up{from{opacity:0;transform:translate(-50%,10px)}}

/* phone width: a bottom sheet with the benefit chips */
@media (max-width:760px){
  .igi-au{place-items:end center;padding:0}
  .igi-au .igi-au-m{grid-template-columns:1fr;border-radius:24px 24px 0 0;min-height:0;max-height:92dvh;animation:igi-au-sheet .3s cubic-bezier(.2,.8,.2,1)}
  .igi-au.is-closing .igi-au-m{transform:translateY(24px)}
  .igi-au .igi-au-side{display:none}
  .igi-au .igi-au-form{padding:26px 20px 22px}
  .igi-au .igi-au-mstrip{display:flex}
  .igi-au .igi-au-otp{gap:8px}
  .igi-au .igi-au-otp input{width:52px;height:60px}
  .igi-au .igi-au-chip small{display:none}
  .igi-au .igi-au-pwin{border-radius:24px 24px 0 0;padding:24px 20px 20px;max-height:92dvh}
  .igi-au .igi-au-row2{grid-template-columns:1fr;gap:0}
  .igi-au.is-page{display:block;padding:12px 0 32px}
  .igi-au.is-page .igi-au-m{border-radius:20px}
}
@keyframes igi-au-sheet{from{transform:translateY(40px);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .igi-au *,.igi-au-toast{animation:none!important;transition:none!important}
}