:root{
  --login-bg:#07090d;
  --login-card:rgba(15,19,25,.88);
  --login-border:rgba(255,255,255,.1);
  --login-orange:#ff7417;
  --login-gold:#ffbd38;
  --login-pink:#e83aaf;
  --login-text:#f7f8fa;
  --login-muted:#8d98a5;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--login-bg)}
body{margin:0;min-height:100vh;color:var(--login-text);font-family:'Vazirmatn',Tahoma,sans-serif}
button,input{font:inherit}
.msm-login-page{
  position:relative;display:grid;place-items:center;overflow-x:hidden;overflow-y:auto;padding:28px 18px;
  background:
    radial-gradient(circle at 50% -10%,rgba(255,116,23,.18),transparent 39%),
    radial-gradient(circle at 2% 100%,rgba(232,58,175,.11),transparent 35%),
    linear-gradient(145deg,#090c11,#05070a 70%);
}
.msm-login-grid{
  position:fixed;inset:0;opacity:.18;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.msm-login-orb{position:fixed;border-radius:50%;filter:blur(4px);pointer-events:none}
.msm-login-orb-a{width:360px;height:360px;top:-190px;right:-120px;background:radial-gradient(circle,rgba(255,116,23,.25),transparent 67%);animation:msmFloatA 8s ease-in-out infinite}
.msm-login-orb-b{width:430px;height:430px;bottom:-260px;left:-180px;background:radial-gradient(circle,rgba(130,56,255,.16),transparent 68%);animation:msmFloatB 10s ease-in-out infinite}
.msm-login-shell{position:relative;z-index:2;width:min(100%,460px)}
.msm-login-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.msm-login-toolbar>a,.msm-login-toolbar>button{height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #2a333d;border-radius:11px;background:rgba(14,19,25,.72);backdrop-filter:blur(15px);color:#aeb7bf;font-size:9px;font-weight:850;text-decoration:none;transition:transform .17s,border-color .17s,background .17s}.msm-login-toolbar>a:hover,.msm-login-toolbar>button:hover{transform:translateY(-1px);border-color:#414c56}.msm-login-toolbar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.msm-login-toolbar>a svg{transform:rotate(180deg)}.msm-login-toolbar>button{cursor:pointer}.msm-login-toolbar .is-sun{display:none}
.msm-login-card{
  position:relative;overflow:hidden;padding:30px 30px 24px;border:1px solid var(--login-border);border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),var(--login-card);
  box-shadow:0 35px 110px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(24px);
}
.msm-login-card:before{content:"";position:absolute;top:0;right:16%;left:16%;height:1px;background:linear-gradient(90deg,transparent,#ff923f,transparent)}
.msm-login-shine{position:absolute;width:250px;height:110px;top:-78px;left:50%;transform:translateX(-50%);border-radius:50%;background:rgba(255,125,35,.17);filter:blur(38px);pointer-events:none}
.msm-login-brand{position:relative;text-align:center}
.msm-login-logo-wrap{width:112px;height:112px;margin:0 auto 15px;padding:5px;border:1px solid rgba(255,140,58,.24);border-radius:34px;background:rgba(0,0,0,.18);box-shadow:0 18px 45px rgba(0,0,0,.3)}
.msm-login-logo-wrap img{display:block;width:100%;height:100%;object-fit:contain}
.msm-login-kicker{display:block;color:#ff9d57;font:900 9px/1.5 Montserrat,system-ui;letter-spacing:.13em;direction:ltr}
.msm-login-brand h1{margin:7px 0 5px;font-size:24px;line-height:1.55}
.msm-login-brand p{margin:0;color:var(--login-muted);font-size:11px;line-height:1.9}
.msm-login-alert{display:flex;align-items:center;gap:9px;margin-top:18px;padding:10px 11px;border:1px solid rgba(255,89,89,.25);border-radius:13px;background:rgba(255,65,65,.06);color:#ffabab}
.msm-login-alert span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:8px;background:rgba(255,86,86,.12);font:900 12px system-ui}
.msm-login-alert p{margin:0;font-size:10px;line-height:1.7}
.msm-login-alert.is-setup{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.065);color:#ffd88c}.msm-login-alert.is-setup span{background:rgba(251,191,36,.12)}
.msm-auth-feedback{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px 11px;border:1px solid rgba(255,94,94,.25);border-radius:13px;background:rgba(255,65,65,.06);color:#ffabab;animation:msmFeedbackIn .18s ease-out}.msm-auth-feedback[hidden]{display:none!important}.msm-auth-feedback span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:8px;background:rgba(255,86,86,.12);font:900 12px system-ui}.msm-auth-feedback p{margin:0;font-size:10px;line-height:1.7}.msm-auth-feedback.is-success{border-color:rgba(87,216,150,.25);background:rgba(87,216,150,.06);color:#8ce4b8}.msm-auth-feedback.is-success span{background:rgba(87,216,150,.12)}.msm-auth-feedback.is-loading{border-color:rgba(255,145,54,.26);background:rgba(255,122,23,.06);color:#ffbc8c}.msm-auth-feedback.is-loading span{width:20px;height:20px;margin:2px;border:2px solid rgba(255,151,76,.25);border-top-color:#ff9146;border-radius:50%;background:none;animation:msmAuthSpin .8s linear infinite}
.msm-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:20px;padding:5px;border:1px solid #29323c;border-radius:15px;background:#090d12}
.msm-auth-tabs button{height:43px;border:0;border-radius:11px;background:transparent;color:#7f8a95;cursor:pointer;font-size:11px;font-weight:900;transition:background .17s,color .17s,box-shadow .17s}.msm-auth-tabs button[aria-selected="true"]{background:linear-gradient(135deg,#ff9136,#e95708);color:#fff;box-shadow:0 8px 22px rgba(240,91,8,.24)}.msm-auth-tabs button:disabled{opacity:.35;cursor:not-allowed}
.msm-login-form{display:grid;gap:10px;margin-top:22px}
.msm-login-form[hidden]{display:none!important}
.msm-login-form>label{color:#bec6ce;font-size:11px;font-weight:850}
.msm-password-field,.msm-auth-input{position:relative}
.msm-password-field input,.msm-auth-input input{
  width:100%;height:54px;padding:0 16px 0 54px;border:1px solid #2b343e;border-radius:15px;outline:0;
  background:#090d12;color:#fff;font-size:14px;direction:ltr;text-align:left;transition:border-color .18s,box-shadow .18s,background .18s;
}
.msm-password-field input::placeholder,.msm-auth-input input::placeholder{color:#59636e;direction:rtl;text-align:right;font-size:11px}
.msm-password-field input:focus,.msm-auth-input input:focus{border-color:rgba(255,122,26,.72);background:#0b1015;box-shadow:0 0 0 4px rgba(255,116,23,.1)}
.msm-password-field input:disabled,.msm-auth-input input:disabled{opacity:.48}
.msm-password-field button{position:absolute;top:7px;bottom:7px;left:7px;width:41px;border:0;border-radius:11px;background:#141a20;color:#98a3ad;cursor:pointer}
.msm-auth-input>i{position:absolute;top:7px;bottom:7px;left:7px;width:41px;display:grid;place-items:center;border-radius:11px;background:#141a20;color:#ff9b57;font:900 13px system-ui;font-style:normal;pointer-events:none}
.msm-auth-input.is-valid input{border-color:rgba(87,216,150,.58);box-shadow:0 0 0 3px rgba(87,216,150,.07)}.msm-auth-input.is-invalid input{border-color:rgba(255,103,103,.62);box-shadow:0 0 0 3px rgba(255,82,82,.07)}
.msm-field-status{min-height:16px;display:flex;align-items:center;margin-top:-6px;padding:0 3px;color:#687480;font-size:8.5px;line-height:1.55}.msm-field-status:before{content:"";width:5px;height:5px;margin-left:6px;border-radius:50%;background:currentColor}.msm-field-status:empty:before{display:none}.msm-field-status.is-checking{color:#f5a56e}.msm-field-status.is-checking:before{width:8px;height:8px;border:1px solid rgba(255,156,87,.3);border-top-color:#ff9a52;background:transparent;animation:msmAuthSpin .8s linear infinite}.msm-field-status.is-valid{color:#70dca8}.msm-field-status.is-invalid{color:#ff9292}.msm-field-status.is-warning{color:#f3c36e}
.msm-eye{position:absolute;top:50%;left:50%;width:19px;height:13px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid currentColor;border-radius:70% 12%}
.msm-eye:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;transform:translate(-50%,-50%);border:2px solid currentColor;border-radius:50%;background:#141a20}
.msm-password-field button[aria-pressed="true"] .msm-eye:before{content:"";position:absolute;top:50%;left:-3px;width:24px;height:2px;background:#ff8f42;transform:rotate(-45deg)}
.msm-login-submit{
  min-height:54px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:5px;border:0;border-radius:15px;
  background:linear-gradient(135deg,#ff963f,#f05b08 58%,#de4712);color:#fff;cursor:pointer;font-size:12px;font-weight:950;
  box-shadow:0 15px 35px rgba(240,91,8,.24);transition:transform .16s,box-shadow .16s,filter .16s;
}
.msm-login-submit:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 18px 42px rgba(240,91,8,.31)}
.msm-login-submit:focus-visible,.msm-password-field button:focus-visible{outline:3px solid rgba(255,151,75,.3);outline-offset:2px}
.msm-login-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}
.msm-login-submit i{font:900 18px/1 system-ui;font-style:normal}
.msm-login-form.is-submitting .msm-login-submit span{opacity:.82}.msm-login-form.is-submitting .msm-login-submit i{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;font-size:0;animation:msmAuthSpin .8s linear infinite}
.msm-login-countdown{margin:2px 0 0;color:#ffbd83;text-align:center;font-size:10px}
.msm-login-countdown b{font:900 11px Montserrat,system-ui}
.msm-register-form{gap:8px;margin-top:18px}.msm-register-form .msm-login-submit{margin-top:2px}.msm-register-note{margin:2px 0 0;padding:8px 10px;border:1px solid rgba(87,216,150,.16);border-radius:10px;background:rgba(87,216,150,.04);color:#82cda8;font-size:8.5px;line-height:1.8}
.msm-login-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:24px;color:#55606a}
.msm-login-footer span{height:1px;background:linear-gradient(90deg,transparent,#333d47)}
.msm-login-footer span:last-child{background:linear-gradient(90deg,#333d47,transparent)}
.msm-login-footer p{margin:0;font:800 8px/1.4 Montserrat,system-ui;letter-spacing:.06em;direction:ltr}
html[data-theme=light]{--login-bg:#f6f1ed;--login-card:rgba(255,255,255,.88);--login-border:rgba(112,67,38,.14);--login-text:#302923;--login-muted:#83766c}html[data-theme=light] .msm-login-page{background:radial-gradient(circle at 50% -10%,rgba(255,116,23,.2),transparent 39%),radial-gradient(circle at 2% 100%,rgba(232,58,175,.08),transparent 35%),linear-gradient(145deg,#faf6f2,#f1ebe6 70%)}html[data-theme=light] .msm-login-grid{opacity:.33;background-image:linear-gradient(rgba(105,64,37,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(105,64,37,.045) 1px,transparent 1px)}html[data-theme=light] .msm-login-card{background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,247,241,.62)),var(--login-card);box-shadow:0 35px 100px rgba(123,69,34,.13),inset 0 1px rgba(255,255,255,.9)}html[data-theme=light] .msm-login-logo-wrap{background:rgba(255,255,255,.65);box-shadow:0 18px 45px rgba(121,66,31,.09)}html[data-theme=light] .msm-login-toolbar>a,html[data-theme=light] .msm-login-toolbar>button{border-color:#dfd2c8;background:rgba(255,255,255,.76);color:#61554c}html[data-theme=light] .msm-login-toolbar .is-sun{display:block}html[data-theme=light] .msm-login-toolbar .is-moon{display:none}html[data-theme=light] .msm-auth-tabs{border-color:#e0d5cc;background:#f4ede7}html[data-theme=light] .msm-auth-tabs button{color:#877970}html[data-theme=light] .msm-login-form>label{color:#5f544c}html[data-theme=light] .msm-password-field input,html[data-theme=light] .msm-auth-input input{border-color:#ded2c9;background:#fffaf6;color:#302923}html[data-theme=light] .msm-password-field input:focus,html[data-theme=light] .msm-auth-input input:focus{background:#fff;border-color:rgba(255,122,26,.62)}html[data-theme=light] .msm-password-field button,html[data-theme=light] .msm-auth-input>i{background:#f2e9e2;color:#b65b22}html[data-theme=light] .msm-eye:after{background:#f2e9e2}html[data-theme=light] .msm-register-note{background:rgba(68,181,125,.07);color:#37895f}html[data-theme=light] .msm-login-footer{color:#a7988d}html[data-theme=light] .msm-login-footer span{background:linear-gradient(90deg,transparent,#d8cbc1)}html[data-theme=light] .msm-login-footer span:last-child{background:linear-gradient(90deg,#d8cbc1,transparent)}
@keyframes msmFloatA{50%{transform:translate(-18px,20px) scale(1.06)}}
@keyframes msmFloatB{50%{transform:translate(22px,-16px) scale(.95)}}
@keyframes msmAuthSpin{to{transform:rotate(360deg)}}
@keyframes msmFeedbackIn{from{opacity:0;transform:translateY(-4px)}}
@media(max-width:520px){
  .msm-login-page{place-items:start center;padding:12px}
  .msm-login-card{padding:24px 18px 20px;border-radius:24px}
  .msm-login-logo-wrap{width:96px;height:96px;border-radius:29px}
  .msm-login-brand h1{font-size:21px}
  .msm-login-brand p{font-size:10px}.msm-auth-tabs{margin-top:16px}.msm-login-form{margin-top:17px}.msm-password-field input,.msm-auth-input input{height:50px}.msm-password-field button,.msm-auth-input>i{top:6px;bottom:6px}
}
@media(prefers-reduced-motion:reduce){.msm-login-orb{animation:none}.msm-login-submit{transition:none}}