/* =====================================================================
   MILAD IT — صفحه ورود v1.1
   چهار طرح در یک فایل. طرح فعال با کلاس msas-skin-* روی ریشه می‌آید:
     noor   — روشن و مینیمال، لکه‌های نور شناور
     shishe — تیره، کارت شیشه‌ای با نور چرخان روی لبه
     khat   — بی‌قاب، تایپوگرافیک
     sanad  — کاغذی، مفهوم «برگ سبز»
   خاموش‌کردن انیمیشن‌ها: کلاس msas-no-anim
   ===================================================================== */

@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Bold.woff2") format("woff2");font-weight:700;font-display:swap}

.msas-root{
  --msas-green:#199D49;
  --msas-green-deep:#0C6832;
  --msas-glow:rgba(25,157,73,.2);
  --msas-radius:16px;
  --msas-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --msas-spring:cubic-bezier(.22,1.2,.36,1);

  --msas-bg:#FCFCFB;
  --msas-surface:rgba(255,255,255,.72);
  --msas-edge:#E8EAE7;
  --msas-edge-2:#F1F2F0;
  --msas-txt:#0C0F0D;
  --msas-txt-2:#616964;
  --msas-txt-3:#9AA29C;
  --msas-red:#C6382B;
  --msas-red-soft:#FBEEEC;

  position:relative;
  min-height:100vh;
  display:grid;place-items:center;
  padding:26px 18px;
  font-family:Vazirmatn,"IRANSans",Tahoma,system-ui,sans-serif;
  font-size:15px;line-height:1.7;
  color:var(--msas-txt);
  background:var(--msas-bg);
  box-sizing:border-box;
}
.msas-root *,.msas-root *::before,.msas-root *::after{box-sizing:border-box}
.msas-root button,.msas-root input{font:inherit;color:inherit}
.msas-root ::selection{background:var(--msas-glow)}

/* ---------------------------------------------------------------------
   پس‌زمینه
   ------------------------------------------------------------------- */
.msas-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.msas-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.msas-blob--1{width:56vw;height:56vw;background:#9FE3BC;top:-18vw;inset-inline-end:-14vw}
.msas-blob--2{width:44vw;height:44vw;background:#BCDCEB;bottom:-16vw;inset-inline-start:-12vw}
.msas-blob--3{width:30vw;height:30vw;background:#EDE6C4;top:38%;inset-inline-start:24%;opacity:.32}
.msas-grain{
  position:absolute;inset:0;opacity:.5;
  background-image:repeating-linear-gradient(107deg,rgba(12,15,13,.022) 0 1px,transparent 1px 9px);
}

/* شناور آرام */
.msas-root:not(.msas-no-anim) .msas-blob--1{animation:msas-drift1 24s ease-in-out infinite alternate}
.msas-root:not(.msas-no-anim) .msas-blob--2{animation:msas-drift2 29s ease-in-out infinite alternate}
.msas-root:not(.msas-no-anim) .msas-blob--3{animation:msas-drift3 21s ease-in-out infinite alternate}
@keyframes msas-drift1{to{transform:translate(-6vw,8vw) scale(1.12)}}
@keyframes msas-drift2{to{transform:translate(8vw,-7vw) scale(.9)}}
@keyframes msas-drift3{to{transform:translate(-9vw,-6vw) scale(1.18)}}

/* ---------------------------------------------------------------------
   کارت
   ------------------------------------------------------------------- */
.msas-card{
  position:relative;z-index:2;
  width:100%;max-width:376px;
}

/* ---------- سربرگ ---------- */
.msas-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.msas-logo{
  width:44px;height:44px;flex:none;border-radius:14px;
  display:grid;place-items:center;object-fit:contain;
  border:1px solid var(--msas-edge);background:rgba(255,255,255,.7);
  backdrop-filter:blur(10px);
}
.msas-logo--glyph svg{width:23px;height:23px;fill:none;stroke:var(--msas-green-deep);stroke-width:1.7}
.msas-head__txt b{display:block;font-size:15px;font-weight:800;letter-spacing:-.2px;line-height:1.3}
.msas-head__txt span{font-size:10.5px;color:var(--msas-txt-3);letter-spacing:1.6px}

.msas-h1{margin:0 0 6px;font-size:clamp(25px,7vw,30px);font-weight:800;letter-spacing:-1px;line-height:1.2}
.msas-lede{margin:0 0 24px;font-size:13.5px;color:var(--msas-txt-3)}
.msas-lede b{font-family:var(--msas-mono);color:var(--msas-txt);font-weight:500}

/* ---------------------------------------------------------------------
   گام‌ها + انیمیشن ورود پلکانی
   ------------------------------------------------------------------- */
.msas-step{display:none}
.msas-step.is-on{display:block}
.msas-root:not(.msas-no-anim) .msas-step.is-on > *{
  opacity:0;transform:translateY(10px);
  animation:msas-rise .5s var(--msas-spring) forwards;
}
.msas-root:not(.msas-no-anim) .msas-step.is-on > *:nth-child(2){animation-delay:.05s}
.msas-root:not(.msas-no-anim) .msas-step.is-on > *:nth-child(3){animation-delay:.1s}
.msas-root:not(.msas-no-anim) .msas-step.is-on > *:nth-child(4){animation-delay:.15s}
.msas-root:not(.msas-no-anim) .msas-step.is-on > *:nth-child(5){animation-delay:.2s}
.msas-root:not(.msas-no-anim) .msas-step.is-on > *:nth-child(6){animation-delay:.25s}
.msas-root:not(.msas-no-anim) .msas-step.is-on > *:nth-child(7){animation-delay:.3s}
@keyframes msas-rise{to{opacity:1;transform:none}}

/* ---------------------------------------------------------------------
   سگمنت روش ورود — با قرص لغزان
   ------------------------------------------------------------------- */
.msas-seg{
  position:relative;display:flex;gap:3px;padding:4px;margin-bottom:22px;
  background:rgba(0,0,0,.04);border-radius:13px;
}
.msas-seg__btn{
  position:relative;z-index:2;flex:1;border:0;background:none;cursor:pointer;
  font-size:12.5px;font-weight:600;padding:9px 6px;border-radius:10px;
  color:var(--msas-txt-3);transition:color .22s;
}
.msas-seg__btn.is-on{color:var(--msas-txt)}
.msas-seg__pill{
  position:absolute;z-index:1;top:4px;bottom:4px;
  width:calc(50% - 5px);inset-inline-start:4px;
  background:#fff;border-radius:10px;
  box-shadow:0 2px 7px -2px rgba(12,15,13,.22);
  transition:transform .34s var(--msas-spring);
}
.msas-seg[data-i="1"] .msas-seg__pill{transform:translateX(calc(-100% - 2px))}

/* ---------------------------------------------------------------------
   فیلدها — یک کپسول یکپارچه با برچسب شناور
   ------------------------------------------------------------------- */
.msas-stack{
  border:1px solid var(--msas-edge);border-radius:calc(var(--msas-radius) + 1px);
  background:var(--msas-surface);backdrop-filter:blur(14px);
  overflow:hidden;margin-bottom:10px;
  transition:border-color .25s,box-shadow .25s;
}
.msas-stack:focus-within{border-color:#CFD8D2;box-shadow:0 10px 34px -20px rgba(12,15,13,.55)}
.msas-row{position:relative;border-bottom:1px solid var(--msas-edge-2)}
.msas-row:last-child{border-bottom:0}
.msas-row input{
  width:100%;border:0;background:transparent;outline:none;
  padding:22px 15px 9px;font-size:15.5px;
}
.msas-row input::placeholder{color:transparent}
.msas-row label{
  position:absolute;inset-inline-start:15px;top:15px;
  font-size:14.5px;color:var(--msas-txt-3);pointer-events:none;
  transform-origin:right top;
  transition:transform .22s var(--msas-spring),color .22s;
}
.msas-row input:focus + label,
.msas-row input:not(:placeholder-shown) + label{transform:translateY(-11px) scale(.76)}
.msas-row input:focus + label{color:var(--msas-green-deep)}
.msas-row::after{
  content:"";position:absolute;bottom:-1px;inset-inline-start:0;height:1.5px;width:0;
  background:var(--msas-green);transition:width .34s var(--msas-spring);
}
.msas-row:focus-within::after{width:100%}

.msas-eye{
  position:absolute;inset-inline-end:9px;top:11px;
  width:32px;height:32px;border:0;background:none;border-radius:9px;cursor:pointer;
  color:var(--msas-txt-3);display:grid;place-items:center;
}
.msas-eye:hover{background:rgba(0,0,0,.05);color:var(--msas-txt-2)}
.msas-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}

.msas-caps{margin:-2px 2px 12px;font-size:11.5px;color:#B7791F}
.msas-caps[hidden]{display:none}

.msas-meta{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:8px 2px 20px;font-size:12.5px;
}
.msas-check{display:flex;align-items:center;gap:6px;color:var(--msas-txt-2);cursor:pointer}
.msas-check input{accent-color:var(--msas-green);width:14px;height:14px;margin:0}
.msas-link{color:var(--msas-txt-2);text-decoration:none;border-bottom:1px solid var(--msas-edge)}
.msas-link:hover{color:var(--msas-green-deep);border-color:var(--msas-green)}

/* ---------------------------------------------------------------------
   دکمه‌ها
   ------------------------------------------------------------------- */
.msas-cta{
  width:100%;height:50px;border:0;border-radius:var(--msas-radius);
  background:var(--msas-txt);color:#fff;font-size:15px;font-weight:700;cursor:pointer;
  position:relative;overflow:hidden;
  transition:transform .15s var(--msas-spring),opacity .2s,background .2s;
}
.msas-cta:hover:not(:disabled){transform:translateY(-1.5px)}
.msas-cta:active:not(:disabled){transform:translateY(0) scale(.99)}
.msas-cta:disabled{opacity:.45;cursor:not-allowed}
.msas-cta.is-busy{color:transparent}
.msas-cta.is-busy::after{
  content:"";position:absolute;top:50%;inset-inline-start:50%;
  width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;
  border:2px solid rgba(255,255,255,.3);border-top-color:#fff;
  animation:msas-spin .65s linear infinite;
}
@keyframes msas-spin{to{transform:rotate(360deg)}}

.msas-ghost{
  width:100%;height:48px;margin-top:10px;
  border:1px solid var(--msas-edge);border-radius:var(--msas-radius);
  background:rgba(255,255,255,.6);backdrop-filter:blur(10px);
  font-size:14px;font-weight:600;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:9px;
  transition:border-color .2s,background .2s;position:relative;overflow:hidden;
}
.msas-ghost:hover:not(:disabled){border-color:#D3DBD6;background:#fff}
.msas-ghost svg{width:20px;height:20px;fill:none;stroke:var(--msas-green-deep);stroke-width:1.7}
.msas-ghost.is-scanning{border-color:var(--msas-green)}
.msas-ghost.is-scanning::after{
  content:"";position:absolute;inset-inline:0;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--msas-green),transparent);
  animation:msas-scan 1s ease-in-out infinite;
}
@keyframes msas-scan{0%{top:4px}50%{top:calc(100% - 6px)}100%{top:4px}}

.msas-plain{
  width:100%;background:none;border:0;cursor:pointer;
  font-size:13px;color:var(--msas-txt-2);padding:13px 0 2px;
}
.msas-plain:hover{color:var(--msas-txt)}
.msas-plain:disabled{color:var(--msas-txt-3);cursor:default}

.msas-or{display:flex;align-items:center;gap:11px;margin:18px 0 0;color:var(--msas-txt-3);font-size:11.5px}
.msas-or::before,.msas-or::after{content:"";flex:1;height:1px;background:var(--msas-edge)}
.msas-or[hidden]{display:none}

/* ---------------------------------------------------------------------
   کد یک‌بارمصرف
   ورودی واقعی نامرئی است تا اتوفیل کار کند؛ سلول‌ها فقط نمایش‌اند.
   ------------------------------------------------------------------- */
.msas-code{position:relative;margin-bottom:14px}
.msas-code input{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:0;border:0;background:none;cursor:text;
  font-size:16px; /* جلوگیری از زوم iOS */
  z-index:2;
}
.msas-cells{display:flex;gap:8px;justify-content:center;direction:ltr}
.msas-cell{
  flex:1;max-width:56px;height:62px;
  border:1.5px solid var(--msas-edge);border-radius:var(--msas-radius);
  background:var(--msas-surface);
  display:grid;place-items:center;
  font-family:var(--msas-mono);font-size:24px;font-weight:700;
  color:var(--msas-txt);position:relative;
  transition:border-color .18s,background .18s,transform .2s var(--msas-spring),box-shadow .2s;
}
.msas-cell.is-filled{border-color:var(--msas-green);background:rgba(25,157,73,.07)}
.msas-cell.is-current{
  border-color:var(--msas-green);
  box-shadow:0 0 0 4px var(--msas-glow);
  transform:translateY(-3px);
}
.msas-cell.is-current::after{
  content:"";width:2px;height:26px;background:var(--msas-green);border-radius:2px;
  animation:msas-blink 1.05s steps(2,start) infinite;
}
@keyframes msas-blink{50%{opacity:0}}
.msas-cell.is-pop{animation:msas-pop .26s var(--msas-spring)}
@keyframes msas-pop{from{transform:translateY(6px) scale(.88)}to{transform:none}}

.msas-code.is-bad .msas-cell{border-color:var(--msas-red);background:var(--msas-red-soft);color:var(--msas-red)}
.msas-code.is-bad{animation:msas-shake .42s}
@keyframes msas-shake{0%,100%{transform:none}22%{transform:translateX(-8px)}66%{transform:translateX(8px)}}

/* پرشدن خودکار از پیامک */
.msas-code.is-autofilled .msas-cell{animation:msas-flash .5s var(--msas-spring)}
@keyframes msas-flash{
  0%{background:rgba(25,157,73,.35);transform:scale(1.06)}
  100%{background:rgba(25,157,73,.07);transform:none}
}

.msas-tick{
  display:flex;justify-content:space-between;gap:10px;
  font-family:var(--msas-mono);font-size:11.5px;color:var(--msas-txt-3);
  margin-bottom:20px;min-height:20px;font-variant-numeric:tabular-nums;
}
.msas-tick b{color:var(--msas-txt);font-weight:600}

/* ---------------------------------------------------------------------
   پیام
   ------------------------------------------------------------------- */
.msas-alert{
  display:flex;gap:8px;align-items:flex-start;
  font-size:12.5px;line-height:1.85;margin-bottom:16px;
  padding:10px 13px;border-radius:12px;
  background:var(--msas-red-soft);color:var(--msas-red);
  animation:msas-rise .3s var(--msas-spring);
}
.msas-alert[hidden]{display:none}
.msas-alert svg{width:15px;height:15px;flex:none;margin-top:3px;fill:none;stroke:currentColor;stroke-width:2.2}
.msas-alert.is-ok{background:rgba(25,157,73,.09);color:var(--msas-green-deep)}

/* ---------------------------------------------------------------------
   موفقیت
   ------------------------------------------------------------------- */
.msas-win{text-align:center;padding:6px 0}
.msas-tickmark{
  width:70px;height:70px;margin:0 auto 20px;border-radius:50%;
  border:1.5px solid var(--msas-green);display:grid;place-items:center;
  animation:msas-ring .55s var(--msas-spring);
}
@keyframes msas-ring{from{transform:scale(.55);opacity:0}to{transform:none;opacity:1}}
.msas-tickmark svg{
  width:31px;height:31px;fill:none;stroke:var(--msas-green);stroke-width:2.3;stroke-linecap:round;
  stroke-dasharray:32;stroke-dashoffset:32;animation:msas-draw .42s .18s ease forwards;
}
@keyframes msas-draw{to{stroke-dashoffset:0}}
.msas-bar{display:block;height:2px;background:var(--msas-edge);border-radius:2px;overflow:hidden;margin-top:24px}
.msas-bar i{display:block;height:100%;width:0;background:var(--msas-txt);animation:msas-fill 1.7s linear forwards}
@keyframes msas-fill{to{width:100%}}

/* ---------------------------------------------------------------------
   پانویس
   ------------------------------------------------------------------- */
.msas-foot{
  margin-top:26px;padding-top:16px;border-top:1px solid var(--msas-edge);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:11px;color:var(--msas-txt-3);flex-wrap:wrap;
}
.msas-secure{display:flex;align-items:center;gap:6px}
.msas-secure svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2}

/* =====================================================================
   طرح «شیشه» — تیره
   ===================================================================== */
.msas-skin-shishe{
  --msas-bg:#070B09;
  --msas-surface:rgba(255,255,255,.045);
  --msas-edge:rgba(255,255,255,.1);
  --msas-edge-2:rgba(255,255,255,.06);
  --msas-txt:#E8F0EB;
  --msas-txt-2:#9AAAA1;
  --msas-txt-3:#66766D;
  --msas-green:#2ECC6A;
  --msas-green-deep:#199D49;
  --msas-glow:rgba(46,204,106,.16);
  --msas-red:#FF7A6B;
  --msas-red-soft:rgba(255,122,107,.1);
  --msas-radius:15px;
}
.msas-skin-shishe .msas-blob--1{background:#0F6B36;opacity:.55}
.msas-skin-shishe .msas-blob--2{background:#0B4A6B;opacity:.45}
.msas-skin-shishe .msas-blob--3{background:#1F7A4A;opacity:.28}
.msas-skin-shishe .msas-grain{background-image:repeating-linear-gradient(113deg,rgba(255,255,255,.02) 0 1px,transparent 1px 8px)}

.msas-skin-shishe .msas-card{
  border-radius:24px;padding:30px 26px 24px;
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
  backdrop-filter:blur(22px) saturate(1.3);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.1);
  overflow:hidden;
}
/* نور چرخان روی لبه */
.msas-skin-shishe .msas-card::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--msas-a,0deg),
    rgba(255,255,255,.06) 0deg,rgba(46,204,106,.7) 60deg,
    rgba(255,255,255,.06) 150deg,rgba(255,255,255,.06) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.msas-skin-shishe:not(.msas-no-anim) .msas-card::before{animation:msas-turn 7s linear infinite}
@keyframes msas-turn{to{--msas-a:360deg}}
@supports not (background:conic-gradient(from 0deg,red,blue)){
  .msas-skin-shishe .msas-card::before{
    background:linear-gradient(140deg,rgba(46,204,106,.45),rgba(255,255,255,.05));animation:none;
  }
}

.msas-skin-shishe .msas-logo{background:linear-gradient(150deg,rgba(46,204,106,.26),rgba(46,204,106,.05));border-color:rgba(46,204,106,.28)}
.msas-skin-shishe .msas-logo--glyph svg{stroke:var(--msas-green)}
.msas-skin-shishe .msas-seg{background:rgba(255,255,255,.05)}
.msas-skin-shishe .msas-seg__pill{background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.msas-skin-shishe .msas-stack{background:rgba(255,255,255,.035)}
.msas-skin-shishe .msas-cta{
  background:linear-gradient(180deg,var(--msas-green),var(--msas-green-deep));color:#06120A;
  box-shadow:0 12px 30px -12px rgba(46,204,106,.6),inset 0 1px 0 rgba(255,255,255,.3);
}
.msas-skin-shishe .msas-cta.is-busy::after{border-color:rgba(6,18,10,.25);border-top-color:#06120A}
.msas-skin-shishe .msas-ghost{background:rgba(255,255,255,.035)}
.msas-skin-shishe .msas-ghost:hover:not(:disabled){background:rgba(255,255,255,.08)}
.msas-skin-shishe .msas-eye:hover{background:rgba(255,255,255,.08)}
.msas-skin-shishe .msas-cell{background:rgba(255,255,255,.035)}
.msas-skin-shishe .msas-bar i{background:var(--msas-green)}

/* =====================================================================
   طرح «خط» — بی‌قاب و تایپوگرافیک
   ===================================================================== */
.msas-skin-khat{--msas-radius:0}
.msas-skin-khat .msas-bg{display:none}
.msas-skin-khat .msas-card{max-width:400px}
.msas-skin-khat .msas-h1{font-size:clamp(30px,9vw,40px);letter-spacing:-1.7px}
.msas-skin-khat .msas-lede{margin-bottom:34px}

.msas-skin-khat .msas-stack{border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;margin-bottom:0}
.msas-skin-khat .msas-row{border-bottom:1px solid var(--msas-edge);margin-bottom:24px}
.msas-skin-khat .msas-row input{padding:20px 0 10px;font-size:19px}
.msas-skin-khat .msas-row label{inset-inline-start:0;top:14px}
.msas-skin-khat .msas-eye{inset-inline-end:0}

.msas-skin-khat .msas-seg{background:none;padding:0;gap:18px;margin-bottom:26px}
.msas-skin-khat .msas-seg__pill{display:none}
.msas-skin-khat .msas-seg__btn{flex:0 0 auto;padding:0 0 4px;border-bottom:1.5px solid transparent;border-radius:0}
.msas-skin-khat .msas-seg__btn.is-on{border-bottom-color:var(--msas-green)}

.msas-skin-khat .msas-cta{
  width:auto;height:auto;background:none;color:var(--msas-txt);
  font-size:18px;font-weight:700;letter-spacing:-.4px;
  display:inline-flex;align-items:center;gap:11px;padding:0;border-radius:0;overflow:visible;
}
.msas-skin-khat .msas-cta::after{
  content:"";width:38px;height:38px;border-radius:50%;background-color:var(--msas-txt);
  order:-1;flex:none;position:static;margin:0;border:0;opacity:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
  background-size:16px;background-repeat:no-repeat;background-position:center;
  transition:transform .3s var(--msas-spring),background-color .25s;
  animation:none;
}
.msas-skin-khat .msas-cta:hover:not(:disabled){transform:none}
.msas-skin-khat .msas-cta:hover:not(:disabled)::after{transform:translateX(-5px);background-color:var(--msas-green)}
.msas-skin-khat .msas-cta.is-busy{color:var(--msas-txt)}
.msas-skin-khat .msas-cta.is-busy::after{background-color:var(--msas-green);animation:msas-spin .7s linear infinite}

.msas-skin-khat .msas-cell{
  border:0;border-bottom:1.5px solid var(--msas-edge);border-radius:0;background:none;
  font-size:clamp(28px,9vw,36px);height:64px;
}
.msas-skin-khat .msas-cell.is-filled{background:none;border-bottom-color:var(--msas-txt)}
.msas-skin-khat .msas-cell.is-current{box-shadow:none;border-bottom-color:var(--msas-green)}
.msas-skin-khat .msas-code.is-bad .msas-cell{background:none}
.msas-skin-khat .msas-alert{background:none;padding:0 0 0 11px;border-inline-start:2px solid currentColor;border-radius:0}
.msas-skin-khat .msas-ghost{
  width:auto;border:0;background:none;justify-content:flex-start;height:auto;padding:0;margin-top:16px;
  font-size:13px;color:var(--msas-txt-2);
}
.msas-skin-khat .msas-ghost:hover:not(:disabled){background:none;color:var(--msas-green-deep)}
.msas-skin-khat .msas-or{display:none}

/* =====================================================================
   طرح «سند» — کاغذی
   ===================================================================== */
.msas-skin-sanad{
  --msas-bg:#F1F0E6;
  --msas-surface:#FAF9F3;
  --msas-edge:#DEDDD0;
  --msas-edge-2:#EAE9DD;
  --msas-txt:#161B17;
  --msas-txt-2:#4A544C;
  --msas-txt-3:#8B9289;
  --msas-radius:0;
}
.msas-skin-sanad .msas-blob{display:none}
.msas-skin-sanad .msas-grain{
  opacity:1;
  background-image:
    repeating-linear-gradient(102deg,rgba(22,27,23,.017) 0 1px,transparent 1px 11px),
    repeating-linear-gradient(-102deg,rgba(22,27,23,.013) 0 1px,transparent 1px 13px);
}
.msas-skin-sanad .msas-card{
  background:var(--msas-surface);border:1px solid var(--msas-edge);
  padding:28px 26px 22px;
  box-shadow:0 1px 0 var(--msas-edge),0 24px 50px -28px rgba(22,27,23,.5);
}
.msas-skin-sanad .msas-card::before{
  content:"";position:absolute;top:0;inset-inline:0;height:9px;
  background:radial-gradient(circle at 50% 0,transparent 0 4px,var(--msas-surface) 4px);
  background-size:9px 9px;background-repeat:repeat-x;
}
.msas-skin-sanad .msas-head{
  flex-direction:column;text-align:center;gap:10px;
  padding-bottom:16px;border-bottom:2px solid var(--msas-txt);
}
.msas-skin-sanad .msas-logo{border-radius:50%;border:2px double var(--msas-green-deep);background:none}
.msas-skin-sanad .msas-stack{border-radius:0;background:#fff}
.msas-skin-sanad .msas-cta{
  background:var(--msas-green-deep);border:1px solid var(--msas-green-deep);
  box-shadow:3px 3px 0 rgba(12,104,50,.22);
}
.msas-skin-sanad .msas-cta:hover:not(:disabled){background:var(--msas-txt);border-color:var(--msas-txt);transform:none}
.msas-skin-sanad .msas-cta:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0}
.msas-skin-sanad .msas-cell{border-radius:8px 8px 3px 3px;border-bottom:2px solid var(--msas-txt);background:#fff}
.msas-skin-sanad .msas-seg{border-radius:0;background:none;border:1px solid var(--msas-txt);padding:0}
.msas-skin-sanad .msas-seg__pill{display:none}
.msas-skin-sanad .msas-seg__btn{border-radius:0;border-inline-start:1px solid var(--msas-edge)}
.msas-skin-sanad .msas-seg__btn:first-child{border-inline-start:0}
.msas-skin-sanad .msas-seg__btn.is-on{background:var(--msas-txt);color:var(--msas-surface)}
.msas-skin-sanad .msas-ghost{border-radius:0;box-shadow:3px 3px 0 var(--msas-edge)}

/* =====================================================================
   موبایل و دسترس‌پذیری
   ===================================================================== */
@media(max-width:420px){
  .msas-cell{height:56px;font-size:21px}
  .msas-cells{gap:6px}
  .msas-card{max-width:100%}
}
.msas-root :focus-visible{outline:2px solid var(--msas-green);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .msas-root *{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* =====================================================================
   صفحه ورود وردپرس: فرم پیش‌فرض پنهان اما زنده می‌ماند
   ===================================================================== */
body.msas-login-page{background:none;margin:0;padding:0}
body.msas-login-page #login{width:100%;max-width:none;padding:0;margin:0}
body.msas-login-page #loginform{background:none;border:0;box-shadow:none;padding:0}
body.msas-login-page #loginform > p,
body.msas-login-page #loginform > .user-pass-wrap,
body.msas-login-page #loginform > .forgetmenot,
body.msas-login-page #loginform > .submit,
body.msas-login-page h1,
body.msas-login-page #nav,
body.msas-login-page #backtoblog,
body.msas-login-page .language-switcher,
body.msas-login-page .privacy-policy-page-link{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;
}
body.msas-login-page.login-action-lostpassword,
body.msas-login-page.login-action-register{
  display:grid;place-items:center;min-height:100vh;padding:24px;
  font-family:Vazirmatn,Tahoma,sans-serif;
}
body.msas-login-page #lostpasswordform,
body.msas-login-page #registerform{
  background:#fff;border-radius:16px;padding:24px;max-width:380px;
  box-shadow:0 24px 60px -30px rgba(12,15,13,.5);
}
.msas-login-footer{text-align:center;color:#9AA29C;font-size:11.5px;margin-top:16px}

/* =====================================================================
   چیدمان دوبخشه + ویترین تصویر  (v1.2)
   ===================================================================== */
.msas-layout-split{
  display:grid;
  grid-template-columns:minmax(340px,44%) 1fr;
  padding:0;place-items:stretch;
  transition:grid-template-columns .5s var(--msas-spring);
}
.msas-layout-split.msas-side-left{grid-template-columns:1fr minmax(340px,44%)}
.msas-layout-split.msas-side-left .msas-card{order:2}
.msas-layout-split.msas-side-left .msas-showcase{order:1}

.msas-layout-split .msas-card{
  max-width:none;width:100%;
  display:flex;flex-direction:column;justify-content:center;
  padding:38px clamp(24px,5vw,54px);overflow-y:auto;
}
.msas-layout-split .msas-card > *{max-width:376px;width:100%;margin-inline:auto}
.msas-layout-split .msas-bg{width:44%}
.msas-layout-split.msas-side-left .msas-bg{inset-inline-start:auto;inset-inline-end:0}

/* ---------- ستون ویترین ---------- */
.msas-showcase{position:relative;overflow:hidden;background:#0A130E;min-height:100vh}
.msas-slides{position:absolute;inset:0}
.msas-slide{
  position:absolute;inset:0;margin:0;opacity:0;
  transition:opacity .9s ease,transform 1s var(--msas-spring);
}
.msas-slide.is-on{opacity:1}
.msas-slide img{width:100%;height:100%;object-fit:cover;display:block}

/* افکت‌ها */
.msas-showcase[data-fx="slide"] .msas-slide{transform:translateX(6%)}
.msas-showcase[data-fx="slide"] .msas-slide.is-on{transform:none}
.msas-showcase[data-fx="zoom"] .msas-slide img{transform:scale(1);transition:transform 8s linear}
.msas-showcase[data-fx="zoom"] .msas-slide.is-on img{transform:scale(1.1)}
.msas-no-anim .msas-showcase .msas-slide img{transition:none;transform:none}

.msas-showcase__shade{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(6,12,9,.9),rgba(6,12,9,.32) 44%,rgba(6,12,9,.14));
}

.msas-rail{position:absolute;top:0;inset-inline:0;display:flex;gap:3px;padding:14px clamp(24px,4vw,40px) 0;z-index:3}
.msas-rail__seg{flex:1;height:3px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden}
.msas-rail__seg i{display:block;height:100%;width:0;background:var(--msas-green)}
.msas-rail__seg.is-done i{width:100%}
.msas-rail__seg.is-now i{animation:msas-run linear forwards}
@keyframes msas-run{from{width:0}to{width:100%}}

.msas-showcase__mark{
  position:absolute;top:30px;inset-inline-end:clamp(24px,4vw,40px);z-index:3;
  display:flex;align-items:center;gap:9px;color:#fff;font-size:13.5px;font-weight:800;
}
.msas-showcase__mark svg{
  width:34px;height:34px;padding:7px;border-radius:11px;fill:none;stroke:#fff;stroke-width:1.6;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);
}

.msas-caption{position:absolute;inset-inline:0;bottom:0;z-index:3;padding:36px clamp(24px,4vw,40px) 32px;color:#fff}
.msas-caption__t{margin:0 0 7px;font-size:clamp(19px,2.4vw,27px);font-weight:800;letter-spacing:-.6px;line-height:1.45;max-width:16ch}
.msas-caption__s{margin:0;font-size:13.5px;color:rgba(255,255,255,.7);max-width:38ch;line-height:1.85}
.msas-caption__t,.msas-caption__s{opacity:0;transform:translateY(16px);animation:msas-capin .6s var(--msas-spring) forwards}
.msas-caption__s{animation-delay:.09s}
@keyframes msas-capin{to{opacity:1;transform:none}}

/* روی موبایل، دوبخشه خودکار تک‌بخشه می‌شود */
@media(max-width:900px){
  .msas-layout-split,.msas-layout-split.msas-side-left{grid-template-columns:1fr;place-items:center;padding:26px 18px}
  .msas-layout-split .msas-showcase{display:none}
  .msas-layout-split .msas-card{padding:0;max-width:376px;overflow:visible}
  .msas-layout-split .msas-bg{width:100%}
}

/* =====================================================================
   ورود با حساب گوگل / اپل / مایکروسافت
   ===================================================================== */
.msas-socials{margin-top:4px}
.msas-socials__row{display:flex;flex-direction:column;gap:9px;margin-top:14px}

.msas-social{
  display:flex;align-items:center;justify-content:center;gap:10px;
  height:48px;border:1px solid var(--msas-edge);border-radius:var(--msas-radius);
  background:var(--msas-surface);backdrop-filter:blur(10px);
  font-size:14px;font-weight:600;color:var(--msas-txt);text-decoration:none;
  transition:border-color .2s,background .2s,transform .15s var(--msas-spring);
}
.msas-social:hover{border-color:#D3DBD6;background:#fff;transform:translateY(-1.5px)}
.msas-social:active{transform:none}
.msas-social svg{flex:none}

/* حالت فشرده وقتی سه سرویس فعال است: فقط آیکون، کنار هم */
.msas-socials__row--compact{flex-direction:row}
.msas-socials__row--compact .msas-social{flex:1;gap:0}
.msas-socials__row--compact .msas-social span{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

/* اپل روی تم تیره باید سفید بماند، روی روشن مشکی */
.msas-social--apple svg{color:var(--msas-txt)}

.msas-skin-shishe .msas-social{background:rgba(255,255,255,.045)}
.msas-skin-shishe .msas-social:hover{background:rgba(255,255,255,.08);border-color:rgba(46,204,106,.35)}
.msas-skin-khat .msas-social{border-width:0 0 1px 0;border-radius:0;background:none;justify-content:flex-start;backdrop-filter:none}
.msas-skin-khat .msas-social:hover{background:none;transform:none;border-bottom-color:var(--msas-green)}
.msas-skin-khat .msas-socials__row--compact{flex-direction:column}
.msas-skin-khat .msas-socials__row--compact .msas-social{gap:10px}
.msas-skin-khat .msas-socials__row--compact .msas-social span{position:static;width:auto;height:auto;clip:auto}
.msas-skin-sanad .msas-social{border-radius:0;box-shadow:2px 2px 0 var(--msas-edge)}

/* =====================================================================
   مجموعه طرح‌های 2.1 — برگرفته از گالری طراحی
   ===================================================================== */
.msas-root{background-image:var(--msas-bg-image,none);background-size:cover;background-position:var(--msas-bg-position,center);background-attachment:fixed}
.msas-showcase__shade{background:linear-gradient(to top,var(--msas-banner-overlay,rgba(6,12,9,.75)),rgba(6,12,9,.22) 58%,rgba(6,12,9,.08))}
.msas-slide img{object-fit:var(--msas-banner-fit,cover)}
.msas-showcase__badge{position:absolute;z-index:4;top:28px;inset-inline-start:clamp(24px,4vw,40px);padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:10.5px;color:#fff}
.msas-showcase__badge::before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:6px;border-radius:50%;background:#73F0A2;box-shadow:0 0 0 4px rgba(115,240,162,.12)}
.msas-showcase__visual{position:absolute;z-index:2;width:min(72%,430px);aspect-ratio:1;inset:50% auto auto 50%;transform:translate(-50%,-54%);display:grid;place-items:center}
.msas-orbit{position:absolute;inset:7%;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:msas-orbit 22s linear infinite}
.msas-orbit::before,.msas-orbit::after{content:"";position:absolute;width:11px;height:11px;top:15%;left:10%;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff}.msas-orbit::after{width:7px;height:7px;top:auto;left:auto;right:20%;bottom:8%;background:#75EFA4}
.msas-shield{width:108px;height:124px;border-radius:52px 52px 40px 40px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);display:grid;place-items:center;box-shadow:0 25px 60px rgba(0,0,0,.2)}
.msas-shield svg{width:55px;fill:none;stroke:#fff;stroke-width:1.5}.msas-float-note{position:absolute;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(8,27,16,.42);backdrop-filter:blur(12px);font-size:9px;color:#fff;font-style:normal}.msas-float-note--1{top:24%;right:0}.msas-float-note--2{left:0;bottom:24%}@keyframes msas-orbit{to{transform:rotate(360deg)}}

/* شفق — روشن، رنگی و شیشه‌ای */
.msas-skin-shafagh{--msas-bg:#F5F2FF;--msas-surface:rgba(255,255,255,.7);--msas-edge:rgba(91,67,161,.15);--msas-edge-2:rgba(91,67,161,.08);--msas-txt:#211B35;--msas-txt-2:#665D7C;--msas-txt-3:#8A82A0;--msas-green:#6548D9;--msas-green-deep:#5135C2;--msas-glow:rgba(101,72,217,.18);--msas-radius:20px}
.msas-skin-shafagh .msas-blob--1{background:#B690FF}.msas-skin-shafagh .msas-blob--2{background:#6FE2D0}.msas-skin-shafagh .msas-card{padding:28px;border:1px solid rgba(255,255,255,.7);border-radius:26px;background:rgba(255,255,255,.57);backdrop-filter:blur(22px);box-shadow:0 30px 70px -30px rgba(72,42,147,.35)}
.msas-skin-shafagh .msas-cta{background:linear-gradient(105deg,#6548D9,#16AF9C);box-shadow:0 14px 28px -13px rgba(101,72,217,.55)}
.msas-skin-shafagh .msas-showcase{background:linear-gradient(145deg,#5C43C9,#0D8E82)}

/* روایت — تحریریه‌ای و لوکس */
.msas-skin-revayat{--msas-bg:#FFFDF8;--msas-surface:#FFFDF8;--msas-edge:#DFE3DE;--msas-txt:#152019;--msas-txt-2:#5D665F;--msas-txt-3:#838A85;--msas-green:#1D4431;--msas-green-deep:#143524;--msas-radius:6px}
.msas-skin-revayat .msas-bg{display:none}.msas-skin-revayat .msas-showcase{background:#193629}.msas-skin-revayat .msas-showcase::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 44%,rgba(218,166,91,.16) 44% 54%,transparent 54%),repeating-linear-gradient(30deg,rgba(255,255,255,.03) 0 1px,transparent 1px 12px)}
.msas-skin-revayat .msas-caption__t{font-size:clamp(29px,3.6vw,46px);font-weight:400;max-width:12ch}.msas-skin-revayat .msas-h1{font-size:38px;font-weight:500}.msas-skin-revayat .msas-cta{border-radius:3px}.msas-skin-revayat .msas-row,.msas-skin-revayat .msas-stack{border-radius:3px}

/* ویترین — تصویر و برند */
.msas-skin-vitrin{--msas-bg:#F5FBFB;--msas-surface:#FFF;--msas-edge:#DCE9E9;--msas-txt:#102529;--msas-txt-2:#526E73;--msas-txt-3:#778D91;--msas-green:#096A72;--msas-green-deep:#07545B;--msas-glow:rgba(9,106,114,.18);--msas-radius:14px}
.msas-skin-vitrin .msas-showcase{background:linear-gradient(155deg,#15444A,#08242A)}.msas-skin-vitrin .msas-showcase--empty::before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 25% 25%,#297F84,transparent 28%),radial-gradient(circle at 75% 55%,#B68E42,transparent 20%);filter:blur(3px)}
.msas-skin-vitrin .msas-cta{background:linear-gradient(180deg,#0A7982,#07545B)}

/* سپر — امنیت سازمانی */
.msas-skin-separ{--msas-bg:#EEF5F1;--msas-surface:#FFF;--msas-edge:#DCE6E0;--msas-txt:#11221A;--msas-txt-2:#53665B;--msas-txt-3:#78867E;--msas-green:#126848;--msas-green-deep:#0B4D34;--msas-radius:13px}
.msas-skin-separ .msas-showcase{background:linear-gradient(150deg,#08291C,#0D5338)}.msas-skin-separ .msas-showcase::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,238,169,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(107,238,169,.065) 1px,transparent 1px);background-size:32px 32px}.msas-skin-separ .msas-card{background:rgba(255,255,255,.65)}

/* فروشگاه — گرم و تجاری */
.msas-skin-foroshgah{--msas-bg:#FFF9F5;--msas-surface:#FFF;--msas-edge:#F0DED6;--msas-txt:#2B1A14;--msas-txt-2:#6F554B;--msas-txt-3:#927C73;--msas-green:#DC5F35;--msas-green-deep:#B94521;--msas-glow:rgba(220,95,53,.18);--msas-radius:17px}
.msas-skin-foroshgah .msas-showcase{background:linear-gradient(145deg,#8D321E,#E56A3F)}.msas-skin-foroshgah .msas-orbit{border-style:dashed}.msas-skin-foroshgah .msas-shield{border-radius:28px;transform:rotate(-5deg)}.msas-skin-foroshgah .msas-cta{background:linear-gradient(180deg,#E96B40,#C64A25)}

/* مدار شب — آینده‌نگر */
.msas-skin-madar{--msas-bg:#080914;--msas-surface:#111322;--msas-edge:#25283F;--msas-edge-2:#1A1D30;--msas-txt:#F0F1FF;--msas-txt-2:#A0A4C2;--msas-txt-3:#797D9B;--msas-green:#8B7CFF;--msas-green-deep:#6D5AE8;--msas-glow:rgba(139,124,255,.2);--msas-radius:17px;--msas-red-soft:rgba(255,122,107,.1)}
.msas-skin-madar .msas-blob--1{background:#6B4DDF}.msas-skin-madar .msas-blob--2{background:#2AB8E8}.msas-skin-madar .msas-showcase{background:linear-gradient(150deg,#151034,#071525)}.msas-skin-madar .msas-showcase::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 30%,rgba(139,124,255,.38),transparent 22%),radial-gradient(circle at 25% 70%,rgba(72,213,255,.2),transparent 22%),radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:auto,auto,36px 36px}.msas-skin-madar .msas-card{background:rgba(17,19,34,.82)}.msas-skin-madar .msas-cta{background:linear-gradient(100deg,#785FFF,#2CB9ED)}.msas-skin-madar .msas-social{background:#151729}

/* هم‌خانواده — الهام از مسیر ساده ورود/عضویت، بدون وابستگی به برند مرجع */
.msas-skin-mihan{--msas-bg:#F5F7FA;--msas-surface:#FFF;--msas-edge:#E1E6ED;--msas-edge-2:#F0F2F6;--msas-txt:#202632;--msas-txt-2:#5A6472;--msas-txt-3:#8B94A1;--msas-green:#2D69E0;--msas-green-deep:#1D51BC;--msas-glow:rgba(45,105,224,.16);--msas-radius:11px}
.msas-skin-mihan .msas-bg{display:none}.msas-skin-mihan .msas-card{background:#fff;border:1px solid #E5E9EF;border-radius:18px;padding:30px;box-shadow:0 26px 70px -35px rgba(30,55,95,.32)}.msas-skin-mihan .msas-head{justify-content:center;text-align:center;flex-direction:column}.msas-skin-mihan .msas-h1,.msas-skin-mihan .msas-lede{text-align:center}.msas-skin-mihan .msas-cta{background:#2D69E0;box-shadow:0 12px 24px -12px rgba(45,105,224,.55)}.msas-skin-mihan .msas-showcase{background:linear-gradient(145deg,#2459BF,#183B80)}

@media(max-width:900px){
  .msas-banner-mobile.msas-layout-split{padding:0;display:grid;grid-template-rows:minmax(190px,31vh) 1fr;place-items:stretch}
  .msas-banner-mobile.msas-layout-split .msas-showcase{display:block;min-height:190px;grid-row:1;order:0}
  .msas-banner-mobile.msas-layout-split .msas-card{grid-row:2;order:1;padding:25px 18px;max-width:none;background:var(--msas-bg)}
  .msas-banner-mobile .msas-showcase__visual,.msas-banner-mobile .msas-caption,.msas-banner-mobile .msas-rail{display:none}
  .msas-banner-mobile .msas-showcase__mark{top:18px}.msas-banner-mobile .msas-showcase__badge{top:18px}
}