.sca,.sca-modal{--sca-p:#3b82f6;--sca-text:#22252e;--sca-muted:#8b91a1;--sca-border:#e4e7ee;--sca-bg:#fff;--sca-r:16px}
.sca{font-family:var(--sca-font,inherit);color:var(--sca-text);line-height:1.6;-webkit-text-size-adjust:100%}
.sca *,.sca *::before,.sca *::after{box-sizing:border-box}
.sca-card{position:relative;width:100%;max-width:560px;margin-inline:auto;padding:40px;background:var(--sca-bg);border-radius:var(--sca-r);box-shadow:0 10px 40px rgba(20,30,60,.12)}
.sca-logo{display:flex;justify-content:center;margin-bottom:10px}
.sca-logo img{display:block;height:auto;max-width:100%}
.sca-logo-t{font-size:22px;font-weight:800}
.sca-title{margin:0 0 26px;text-align:center;font-size:16px;font-weight:600;color:var(--sca-text)}
.sca-title b{color:var(--sca-p);font-weight:inherit}
.sca-step{display:none;margin:0}
.sca-step.is-active{display:block}
.sca[data-type=mobile] [data-for=email],.sca[data-type=mobile] [data-for=pass],.sca[data-type=email] [data-for=mobile],.sca[data-type=email] [data-for=pass],.sca[data-type=pass] [data-for=mobile],.sca[data-type=pass] [data-for=email],.sca[data-vt=mobile] [data-vfor=email],.sca[data-vt=email] [data-vfor=mobile],.sca[data-mode=login] [data-reg],.sca[data-mode=reg] [data-login]{display:none!important}
.sca-head{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--sca-text)}
.sca-desc{margin:0 0 16px;font-size:12px;color:var(--sca-muted)}
.sca-field{display:flex;direction:ltr;margin:0 0 16px;border:1px solid var(--sca-border);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sca-field:focus-within{border-color:var(--sca-p);box-shadow:0 0 0 3px color-mix(in srgb,var(--sca-p) 16%,transparent)}
.sca-pre{display:flex;align-items:center;padding:0 14px;background:#f6f7fa;border-right:1px solid var(--sca-border);color:var(--sca-muted);font-size:13px}
.sca .sca-input{flex:1;min-width:0;height:46px;margin:0;padding:0 14px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--sca-text);font:inherit;font-size:13px;direction:rtl;text-align:right}
.sca .sca-input:not(:placeholder-shown),.sca[dir=ltr] .sca-input{direction:ltr;text-align:left}
.sca .sca-input::placeholder{color:var(--sca-muted);opacity:1}
.sca-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.sca .sca-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin:0;padding:0 16px;border:0;border-radius:10px;background:var(--sca-p);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s,transform .1s}
.sca .sca-btn:active{transform:scale(.99)}
.sca .sca-btn:focus-visible,.sca .sca-tab:focus-visible,.sca .sca-link:focus-visible{outline:2px solid var(--sca-p);outline-offset:2px}
.sca .sca-btn.is-busy{color:transparent;pointer-events:none;opacity:.85}
.sca .sca-btn.is-busy::after{content:"";position:absolute;width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:sca-spin .7s linear infinite}
@keyframes sca-spin{to{transform:rotate(360deg)}}
.sca-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.sca-row .sca-desc{margin:0}
.sca-to{font-weight:600;color:var(--sca-text);unicode-bidi:isolate}
.sca .sca-link{margin:0;padding:0;border:0;background:none;color:var(--sca-p);font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
.sca-otp{display:flex;justify-content:center;gap:12px;margin-bottom:16px;direction:ltr}
.sca .sca-otp input{width:48px;height:48px;margin:0;padding:0;border:1px solid var(--sca-border);border-radius:10px;background:#fff;color:var(--sca-text);font:inherit;font-size:18px;text-align:center;transition:border-color .2s,box-shadow .2s}
.sca .sca-otp input:focus{outline:0;border-color:var(--sca-p);box-shadow:0 0 0 3px color-mix(in srgb,var(--sca-p) 16%,transparent)}
.sca-timer{display:flex;align-items:center;min-height:24px;margin-bottom:18px;font-size:12px;color:var(--sca-muted)}
.sca-timer [data-wait]{display:inline-flex;align-items:center;gap:6px}
.sca-timer [hidden],.sca-modal[hidden]{display:none!important}
.sca-cap{display:flex;justify-content:center;margin:0 0 14px;min-height:0}
.sca-msg{min-height:20px;margin:12px 0 0;font-size:12px;text-align:center;color:#e5484d}
.sca-msg.is-ok{color:#18a058}
.sca-trigger{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:0;border-radius:999px;background:#3b82f6;color:#fff;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.sca-icon{--sca-ib:#fff;--sca-if:#111;display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0;padding:0;border:0;border-radius:50%;background:var(--sca-ib);color:var(--sca-if);cursor:pointer;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.2,.9,.3,1.2),box-shadow .2s}
.sca-icon:active{transform:scale(.95)}
.sca-ic-img{display:block;width:55%;height:55%;object-fit:contain;filter:brightness(0)}
button.sca-icon,span.sca-icon,a.sca-icon{background:var(--sca-ib)!important;color:var(--sca-if)!important;border:0!important;border-radius:50%!important;padding:0!important;min-width:0;line-height:1}
button.sca-icon:hover,button.sca-icon:focus{background:var(--sca-ib)!important;color:var(--sca-if)!important}
.sca-acc-btn,.sca-acc-btn:hover,.sca-acc-btn:focus{background:none!important;border:0!important;box-shadow:none!important;color:var(--sca-mf,#fff)!important;padding:0!important}
.sca-ic-svg{display:block;width:55%;height:55%}
.sca-acc{--sca-mb:#1b1e26;--sca-mf:#fff;position:relative;display:inline-block;font-family:var(--sca-font,inherit)}
.sca-acc-btn{display:inline-flex;align-items:center;gap:10px;margin:0;padding:0;border:0;background:none;color:var(--sca-mf,#fff);font:inherit;font-size:14px;cursor:pointer}
.sca-acc-name{color:var(--sca-mf,#fff);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.sca-menu{position:absolute;z-index:99998;top:calc(100% + 12px);inset-inline-start:0;min-width:240px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:var(--sca-mb,#1b1e26);color:var(--sca-mf,#fff);box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.9,.25,1.05)}
.sca-menu.is-open{opacity:1;transform:none}
.sca-menu.is-flip{inset-inline-start:auto;inset-inline-end:0}
.sca-menu[hidden]{display:none}
.sca-menu-head{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
.sca-menu-head strong{font-size:14px;font-weight:700;color:var(--sca-mf,#fff)}
.sca-menu-head span{font-size:12px;opacity:.6;text-align:start}
.sca-menu ul{margin:0;padding:0;list-style:none}
.sca-menu li{margin:0;padding:0}
.sca-menu a{display:block;padding:10px 12px;border-radius:9px;color:var(--sca-mf,#fff);font-size:13px;text-decoration:none;transition:background .15s}
.sca-menu .sca-out{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}
.sca-menu .sca-out a{color:var(--sca-mf,#fff)}
@media (max-width:600px){.sca-acc-name{display:none}}
.sca-in{text-align:center;font-size:14px}
/* Modal */
.sca-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s ease}
.sca-modal.is-open{opacity:1}
.sca-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sca-dlg{position:relative;width:100%;max-width:560px;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;border-radius:var(--sca-r);opacity:0;transform:translateY(18px) scale(.96);transition:transform .42s cubic-bezier(.2,.9,.25,1.05),opacity .3s ease}
.sca-a-up .sca-dlg{transform:translateY(60px)}
.sca-a-fade .sca-dlg{transform:none}
.sca-modal.is-open .sca-dlg{opacity:1;transform:none}
.sca-modal.is-open .sca-card>*{animation:sca-rise .5s cubic-bezier(.2,.8,.25,1) both}
.sca-modal.is-open .sca-card>*:nth-child(2){animation-delay:.06s}
.sca-modal.is-open .sca-card>*:nth-child(3){animation-delay:.11s}
.sca-modal.is-open .sca-card>*:nth-child(4){animation-delay:.16s}
@keyframes sca-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sca-modal .sca-card{box-shadow:0 24px 70px rgba(0,0,0,.28)}
.sca-modal .sca-x{position:absolute;top:14px;inset-inline-start:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:50%;background:#f1f3f7;color:#5b6070;cursor:pointer}
html.sca-lock{overflow:hidden}
@media (max-width:600px){
  .sca-card{padding:28px 20px}
  .sca-otp{gap:8px}
  .sca .sca-otp input{width:46px;height:46px}
  .sca-row{flex-direction:column;align-items:flex-start;gap:6px}
}
@media (prefers-reduced-motion:reduce){.sca-modal,.sca-dlg,.sca *{transition:none!important;animation:none!important}}

button.sca-icon.sca-icon--outline,span.sca-icon.sca-icon--outline,a.sca-icon.sca-icon--outline{background:transparent!important;color:var(--sca-ib)!important;border:1.5px solid var(--sca-ib)!important;box-shadow:none}
.sca-icon--outline .sca-ic-img{filter:brightness(0) invert(1)}
/* no hover/focus background on the account button (theme-proof) */
html body .sca-acc .sca-acc-btn,html body .sca-acc .sca-acc-btn:hover,html body .sca-acc .sca-acc-btn:focus,html body .sca-acc .sca-acc-btn:active,html body .sca-acc .sca-acc-btn:focus-visible{background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;text-shadow:none!important;color:var(--sca-mf,#fff)!important;border-radius:0!important;-webkit-tap-highlight-color:transparent}
html body .sca-acc .sca-acc-btn:focus:not(:focus-visible){outline:0}
html body .sca-acc .sca-acc-btn:hover .sca-icon,html body .sca-acc .sca-acc-btn:focus .sca-icon{transform:none;box-shadow:none}
html body .sca-acc .sca-acc-name,html body .sca-acc .sca-acc-btn:hover .sca-acc-name{color:var(--sca-mf,#fff)!important;background:transparent!important}

/* perfect circle + calm hover */
html body .sca-icon,html body button.sca-icon,html body span.sca-icon,html body a.sca-icon{box-sizing:border-box!important;aspect-ratio:1/1;flex:none!important;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;max-width:none!important;line-height:0!important;border-radius:50%!important;overflow:hidden;box-shadow:none!important;transform:none!important;transition:background-color .2s ease,opacity .2s ease}
html body .sca-icon .sca-ic-svg,html body .sca-icon .sca-ic-img{width:52%!important;height:52%!important;margin:0!important;display:block}
html body .sca-acc .sca-acc-btn:hover .sca-icon,html body .sca-acc .sca-acc-btn:focus .sca-icon{transform:none!important;box-shadow:none!important}

/* no hover halo / glow at all, logged-in or guest */
html body .sca-acc .sca-acc-btn *,html body .sca-acc .sca-acc-btn:hover *,html body .sca-acc .sca-acc-btn:focus *,html body .sca-acc .sca-acc-btn:active *{box-shadow:none!important;filter:none;text-shadow:none!important;outline:0!important}
html body .sca-acc .sca-acc-btn:hover .sca-icon,html body .sca-acc .sca-acc-btn:focus .sca-icon,html body .sca-acc .sca-acc-btn:active .sca-icon,html body .sca-acc .sca-acc-btn:hover .sca-icon.sca-icon--outline,html body .sca-acc .sca-acc-btn:focus .sca-icon.sca-icon--outline{background:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important;outline:0!important}
html body .sca-acc .sca-acc-btn:hover .sca-icon.sca-icon--solid,html body .sca-acc .sca-acc-btn:focus .sca-icon.sca-icon--solid{background:var(--sca-ib)!important}
html body button.sca-icon.sca-icon--outline:hover,html body button.sca-icon.sca-icon--outline:focus,html body button.sca-icon.sca-icon--outline:active{background:transparent!important;box-shadow:none!important;outline:0!important}
html body button.sca-icon.sca-icon--solid:hover,html body button.sca-icon.sca-icon--solid:focus{opacity:1!important;box-shadow:none!important;outline:0!important}
html body .sca-acc .sca-acc-btn::before,html body .sca-acc .sca-acc-btn::after,html body .sca-icon::before,html body .sca-icon::after{content:none!important;display:none!important}

/* menu: always on top (fixed, moved to <body> by JS), white text, zero hover effects */
html body .sca-menu{position:fixed!important;margin:0!important;z-index:2147483000!important;font-family:var(--sca-font,inherit)}
html body .sca-menu a,html body .sca-menu a:visited,html body .sca-menu a:hover,html body .sca-menu a:focus,html body .sca-menu a:active,html body .sca-menu .sca-out a,html body .sca-menu .sca-out a:hover{color:var(--sca-mf,#fff)!important;background:transparent!important;text-decoration:none!important;box-shadow:none!important;outline:0!important;transition:none!important}
html body .sca .sca-btn:hover,html body .sca .sca-btn:focus{background:var(--sca-p)!important;color:#fff!important;filter:none!important;box-shadow:none!important}
html body .sca-modal .sca-x:hover{background:#f1f3f7!important;color:#5b6070!important}
html body .sca .sca-link:hover{color:var(--sca-p)!important;background:none!important}
html body .sca-icon:hover,html body .sca-icon:focus{transform:none!important;box-shadow:none!important;opacity:1!important}

.sca-passrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px}
.sca-passrow .sca-link{font-size:12px}
.sca-hint{margin:-4px 0 14px;font-size:11.5px;line-height:1.9;color:var(--sca-muted)}
.sca .sca-eye{display:flex;align-items:center;justify-content:center;width:46px;margin:0;padding:0;border:0;border-right:1px solid var(--sca-border);background:#f6f7fa;color:var(--sca-muted);cursor:pointer}
html body .sca .sca-eye:hover,html body .sca .sca-eye:focus{background:#f6f7fa!important;color:var(--sca-muted)!important;box-shadow:none!important}

/* ===== v1.1 — centered segmented switch (SMS / email+password) ===== */
.sca-dlg::-webkit-scrollbar{display:none}
.sca-seg{position:relative;isolation:isolate;display:flex;gap:4px;width:100%;max-width:440px;margin:0 auto 26px;padding:5px;border-radius:16px;background:color-mix(in srgb,var(--sca-p) 7%,#f3f4f7);box-shadow:inset 0 1px 2px rgba(20,30,60,.06)}
.sca-seg-ind{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border-radius:12px;background:var(--sca-p);box-shadow:0 8px 20px -6px color-mix(in srgb,var(--sca-p) 70%,transparent);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),opacity .2s}
.sca-seg.is-ready .sca-seg-ind{opacity:1}
html body .sca .sca-seg .sca-tab{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin:0;padding:0 10px;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:var(--sca-muted)!important;font:inherit;font-size:13.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .35s ease}
html body .sca .sca-seg .sca-tab svg{flex:none;width:19px;height:19px;transition:transform .45s cubic-bezier(.22,1,.36,1)}
html body .sca .sca-seg .sca-tab span{overflow:hidden;text-overflow:ellipsis}
html body .sca .sca-seg .sca-tab:not(.is-active):hover{color:var(--sca-text)!important}
html body .sca .sca-seg .sca-tab.is-active,html body .sca .sca-seg .sca-tab.is-active:hover{color:#fff!important}
html body .sca .sca-seg .sca-tab.is-active svg{transform:scale(1.08)}
html body .sca .sca-seg:not(.is-ready) .sca-tab.is-active{background:var(--sca-p)!important}
html body .sca .sca-seg .sca-tab:focus-visible{outline:2px solid var(--sca-p);outline-offset:2px}
/* centered headings + smooth pane switch */
.sca [data-step=identify] > .sca-head,.sca [data-step=identify] > .sca-desc,.sca [data-step=verify] > .sca-head{text-align:center}
.sca [data-step=identify] > .sca-desc{margin-bottom:20px}
.sca-step.sca-swap{animation:sca-swap .4s cubic-bezier(.22,1,.36,1)}
@keyframes sca-swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sca-field{border-radius:12px}
.sca .sca-input{height:50px}
.sca .sca-btn{height:50px;border-radius:12px;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--sca-p) 80%,transparent)}
@media (max-width:420px){
  html body .sca .sca-seg .sca-tab{font-size:12.5px;gap:6px;padding:0 6px}
  html body .sca .sca-seg[data-n="3"] .sca-tab svg{display:none}
}

/* ===== v1.2 — account dropdown: roller-shutter (کرکره‌ای) reveal ===== */
html body .sca-menu{width:270px;min-width:0;max-width:calc(100vw - 16px);padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:20px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--sca-mb,#1b1e26) 92%,#fff) 0%,var(--sca-mb,#1b1e26) 38%);color:var(--sca-mf,#fff);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);
  opacity:1;transform:none;transform-origin:var(--ax,50%) 0;
  clip-path:inset(0 0 100% 0 round 20px);
  transition:clip-path .38s cubic-bezier(.65,0,.35,1),transform .38s cubic-bezier(.65,0,.35,1)}
html body .sca-menu.is-open{clip-path:inset(-14px -40px -60px -40px round 20px);transition:clip-path .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
/* caret pointing at the account button */
.sca-menu-caret{position:absolute;top:-6px;left:var(--ax,50%);width:14px;height:14px;margin-left:-7px;border-radius:3px 0 0 0;transform:rotate(45deg);
  background:color-mix(in srgb,var(--sca-mb,#1b1e26) 92%,#fff);border-top:1px solid rgba(255,255,255,.09);border-left:1px solid rgba(255,255,255,.09)}
/* shutter slats: each row unrolls from the top, one after another */
.sca-menu ul{perspective:700px}
.sca-menu-head,.sca-menu li{transform-origin:50% 0;opacity:0;transform:rotateX(-88deg) translateY(-4px);
  transition:transform .25s ease,opacity .18s ease}
.sca-menu.is-open .sca-menu-head,.sca-menu.is-open li{opacity:1;transform:none;
  transition:transform .6s cubic-bezier(.2,1.25,.4,1) calc(var(--i,0) * 45ms + 90ms),opacity .35s ease calc(var(--i,0) * 45ms + 90ms)}
/* light sweep across the shutter on open */
.sca-menu::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.10) 50%,transparent 100%);background-size:100% 220%;background-position:0 -120%;opacity:0}
.sca-menu.is-open::after{animation:sca-sweep 1s cubic-bezier(.16,1,.3,1) .1s}
@keyframes sca-sweep{0%{opacity:1;background-position:0 -120%}100%{opacity:0;background-position:0 220%}}
/* head */
html body .sca-menu-head{flex-direction:row;align-items:center;gap:12px;padding:8px 8px 14px;margin:0 0 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.sca-av{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;font-size:17px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--sca-p,#3b82f6),color-mix(in srgb,var(--sca-p,#3b82f6) 55%,#a855f7));box-shadow:0 8px 20px -8px var(--sca-p,#3b82f6)}
.sca-who{display:flex;flex-direction:column;min-width:0;gap:3px}
.sca-who strong{font-size:14px;font-weight:700;color:var(--sca-mf,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sca-who em{font-style:normal;font-size:12px;opacity:.55;text-align:start}
/* rows */
html body .sca-menu a,html body .sca-menu a:visited{position:relative;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;font-size:13.5px;
  transition:background-color .25s ease,padding .3s cubic-bezier(.2,.9,.3,1)!important}
.sca-mi{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.06);transition:background-color .25s,color .25s,transform .35s cubic-bezier(.2,1.4,.4,1)}
.sca-mi svg{width:17px;height:17px}
html body .sca-menu a:hover,html body .sca-menu a:focus-visible{background:rgba(255,255,255,.06)!important;padding-inline-start:14px}
html body .sca-menu a:hover .sca-mi,html body .sca-menu a:focus-visible .sca-mi{background:var(--sca-p,#3b82f6);color:#fff;transform:scale(1.06) rotate(-6deg)}
html body .sca-menu .sca-out{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
html body .sca-menu .sca-out a:hover .sca-mi{background:#ef4444}
html body .sca-menu .sca-out a:hover{background:rgba(239,68,68,.12)!important}
@media (prefers-reduced-motion:reduce){html body .sca-menu,.sca-menu-head,.sca-menu li{transition:none!important}.sca-menu::after{display:none}}