/* ماهشو ۸.۳.۲ · ظاهر تازه ورود به پنل (دور دوم طراحی). فقط صفحه‌های ورود، کد، پیدا شد/نشد و لینک یک‌لمسی.
   همه قاعده‌ها زیر .mhp .lg ؛ قاب‌های قبلی (.login) و بقیه پنل دست نمی‌خورند. ریتم فاصله: ۴ ۸ ۱۲ ۱۶ ۲۴ ۳۲ ۴۸ */
html.mhp-doc:has(.lgp),html.mhp-doc:has(.lgp) body,.mhp.lgp{background:#fff}
.mhp .lg{
 --l-navy:#1A2A44;--l-tint:#E8ECF3;--l-bg:#F5F5F3;--l-line:#E6E6E2;--l-line2:#CFCFC9;--l-ink:#121B2C;--l-text:#3A4352;--l-sub:#5B6370;
 --l-ok:#1D6B45;--l-ok-bg:#EAF5EF;--l-ok-line:#A9D5BD;--l-warn:#7A4F00;--l-warn-bg:#FFF5DC;--l-warn-line:#F1D48A;--l-err:#A8261B;--l-err-bg:#FDF2F1;--l-err-line:#EDB4AE;
 --l-sh-card:0 1px 2px rgba(26,42,68,.06),0 8px 24px -4px rgba(26,42,68,.10);
 --l-sh-float:0 1px 2px rgba(26,42,68,.08),0 24px 48px -12px rgba(26,42,68,.22);
 color-scheme:light;font-family:KalamehWebFaNum,Vazirmatn,Tahoma,sans-serif;direction:rtl;text-align:right;color:var(--l-text);background:#fff;min-height:100vh;min-height:100dvh;line-height:1.7;-webkit-font-smoothing:antialiased}
.mhp .lg *,.mhp .lg *::before,.mhp .lg *::after{box-sizing:border-box}
.mhp .lg a{text-decoration:none}
.mhp .lg [hidden]{display:none!important}
.mhp .lg .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mhp .lg svg{display:block;flex:none}
.mhp .lg button{font:inherit;margin:0}
.mhp .lg .lg-btn{font-size:17px;font-weight:700}
.mhp .lg .lg-sec{font-size:15px;font-weight:700}
.mhp .lg a:focus-visible,.mhp .lg button:focus-visible,.mhp .lg input[type=checkbox]:focus-visible{outline:3px solid #8FA3C7;outline-offset:2px}

/* ستون فرم (موبایل اول) */
.mhp .lg-side{width:100%;max-width:520px;margin:0 auto;padding:24px 16px calc(112px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px}
.mhp .lg-main{display:flex;flex-direction:column;gap:24px;outline:0;animation:lgIn .2s ease-out both}
.mhp .lg-top{display:flex;align-items:center;justify-content:center;gap:16px;min-height:32px}
.mhp .lg-top:has(.lg-back){justify-content:space-between}
.mhp .lg-logo{display:flex;align-items:center;height:32px}
.mhp .lg-logo img{display:block;height:32px;width:auto;max-width:160px}
.mhp .lg-back,.mhp .lg-back-sp{flex:none;width:44px;height:44px}
.mhp .lg-back{border:1px solid var(--l-line);border-radius:12px;background:#fff;color:var(--l-navy);display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.mhp .lg-back svg{width:20px;height:20px}

/* متن */
.mhp .lg-head{display:flex;flex-direction:column;gap:8px}
.mhp .lg-h1{margin:0;font-size:28px;line-height:1.45;font-weight:800;color:var(--l-navy);overflow-wrap:anywhere}
.mhp .lg-p{margin:0;font-size:15px;line-height:1.8;color:var(--l-sub)}
.mhp .lg-num{direction:ltr;unicode-bidi:isolate;white-space:nowrap;color:var(--l-ink);font-weight:700}
.mhp .lg-edit,.mhp .lg-lnk{color:var(--l-navy);font-weight:700;white-space:nowrap}
.mhp .lg-lnk{min-height:44px;display:inline-flex;align-items:center;padding:0;border:0;background:none;font-size:14px;cursor:pointer}
.mhp .lg-help{margin:0;font-size:13px;line-height:1.9;color:var(--l-sub)}
.mhp .lg-help.center{text-align:center}
.mhp .lg-form{display:flex;flex-direction:column;gap:24px;margin:0}

/* فیلد قهرمان */
.mhp .lg .lg-f{display:flex;flex-direction:column;gap:8px}
.mhp .lg .lg-label{font-size:13px;font-weight:700;color:var(--l-ink)}
.mhp .lg .lg-inp{position:relative;display:flex;align-items:center;gap:8px;height:64px;padding:0 16px;border:1px solid var(--l-line2);border-radius:16px;background:#fff;color:var(--l-ink);direction:ltr;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s}
.mhp .lg .lg-inp:focus-within{border-color:var(--l-navy);box-shadow:0 0 0 1px var(--l-navy),0 0 0 5px var(--l-tint)}
.mhp .lg .lg-inp.is-ok{border-color:var(--l-ok-line)}
.mhp .lg .lg-inp.is-ok:focus-within{border-color:var(--l-ok);box-shadow:0 0 0 1px var(--l-ok),0 0 0 5px var(--l-ok-bg)}
.mhp .lg .lg-inp.err,.mhp .lg .lg-inp.err:focus-within{border-color:var(--l-err-line);background:var(--l-err-bg);box-shadow:none;color:var(--l-ink)}
.mhp .lg .lg-inp.shake{animation:lgShake .2s 1}
.mhp .lg .lg-inp input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:22px!important;font-weight:700;letter-spacing:.08em;color:var(--l-ink);direction:ltr;text-align:left}
.mhp .lg .lg-inp input::placeholder{color:#B4B9C1;font-weight:500;opacity:1}
.mhp .lg .lg-inp.t{direction:rtl}
.mhp .lg .lg-inp.t input{direction:rtl;text-align:right;letter-spacing:0;font-size:18px!important}
.mhp .lg .lg-inp.t input[type=password]{letter-spacing:.12em}
.mhp .lg-tick{flex:none;width:24px;height:24px;border-radius:50%;background:var(--l-ok);color:#fff;display:flex;align-items:center;justify-content:center;animation:lgPop .2s both}
.mhp .lg-tick svg{width:12px;height:12px}
.mhp .lg-show{flex:none;height:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--l-navy);font-size:13px;font-weight:700;cursor:pointer}
.mhp .lg .f-err{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.8;color:var(--l-err)}
.mhp .lg .f-err svg,.mhp .lg .f-err .i{width:16px;height:16px;flex:none;margin-top:4px}

/* پیام‌ها */
.mhp .lg .lg-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--l-warn-line);border-radius:16px;background:var(--l-warn-bg);font-size:13px;line-height:1.8;color:var(--l-warn)}
.mhp .lg .lg-notice.ok{border-color:var(--l-ok-line);background:var(--l-ok-bg);color:var(--l-ok)}
.mhp .lg .lg-notice svg{width:20px;height:20px;margin-top:2px}

/* دکمه اصلی = دکمه لندینگ، بزرگ‌تر */
.mhp .lg-btn{position:relative;overflow:hidden;width:100%;height:56px;padding:0 16px;border:0;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0)),var(--l-navy);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 1px 2px rgba(26,42,68,.24),0 12px 24px -8px rgba(26,42,68,.45);transition:transform .2s,box-shadow .2s,opacity .2s;-webkit-tap-highlight-color:transparent}
.mhp .lg-btn:active{transform:scale(.98)}
.mhp .lg-btn::after{content:"";position:absolute;top:0;bottom:0;width:40%;right:-40%;background:linear-gradient(-90deg,transparent,rgba(255,255,255,.2),transparent);animation:lgSheen .9s ease-out 1.2s 1 both;pointer-events:none}
.mhp .lg-btn[aria-disabled="true"],.mhp .lg-btn.off,.mhp .lg-btn:disabled{opacity:.4;box-shadow:none;transform:none;cursor:default}
.mhp .lg-btn:disabled{pointer-events:none}
.mhp .lg-btn[aria-disabled="true"]::after,.mhp .lg-btn.off::after,.mhp .lg-btn:disabled::after,.mhp .lg-btn.busy::after{display:none}
.mhp .lg-btn.busy,.mhp .lg-btn[aria-busy="true"]{pointer-events:none;cursor:progress}
.mhp .lg-btn.busy::before,.mhp .lg-btn[aria-busy="true"]::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:lgSpin .8s linear infinite}
.mhp .lg-dock{position:fixed;z-index:5;right:max(16px,calc(50% - 244px));left:max(16px,calc(50% - 244px));bottom:calc(16px + env(safe-area-inset-bottom))}
.mhp .lg-dock::before{content:"";position:absolute;inset:-16px -16px calc(-16px - env(safe-area-inset-bottom));background:linear-gradient(0deg,#fff 70%,rgba(255,255,255,0));z-index:-1;pointer-events:none}

/* دکمه‌های ثانویه: هیچ‌کدام متن بی‌شکل روی سفید نیست */
.mhp .lg-sec{width:100%;min-height:52px;padding:0 16px;border:1.5px solid var(--l-navy);border-radius:16px;background:#fff;color:var(--l-navy);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s}
.mhp .lg-sec svg{width:18px;height:18px}
.mhp .lg-sec:disabled{opacity:.45;cursor:default}
.mhp .lg-ghost{width:100%;min-height:56px;padding:0 16px;border:1px solid var(--l-navy);border-radius:16px;background:#fff;color:var(--l-navy);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s}
.mhp .lg-ghost.busy::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:lgSpin .7s linear infinite}
.mhp .lg-acts{display:flex;flex-direction:column;gap:12px}
.mhp .lg-foot{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.mhp .lg-terms{margin:0;font-size:12px;line-height:1.8;color:var(--l-sub);text-align:center}
.mhp .lg-terms a,.mhp .lg-terms b{color:var(--l-navy);font-weight:700}

/* پل ثبت‌نام و ردیف‌ها */
.mhp .lg-row{display:flex;align-items:center;gap:12px;color:inherit}
.mhp .lg-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mhp .lg-t b{font-size:15px;font-weight:700;color:var(--l-ink);line-height:1.6}
.mhp .lg-t span{font-size:13px;line-height:1.7;color:var(--l-sub)}
.mhp .lg-tile{flex:none;width:44px;height:44px;border-radius:12px;background:var(--l-tint);color:var(--l-navy);display:flex;align-items:center;justify-content:center}
.mhp .lg-tile svg{width:20px;height:20px}
.mhp .lg-arrow{flex:none;width:32px;height:32px;border-radius:50%;background:var(--l-bg);color:var(--l-navy);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.mhp .lg-arrow svg{width:16px;height:16px}
.mhp .lg-bridge{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--l-line);border-radius:16px;background:#fff;box-shadow:var(--l-sh-card)}
.mhp .lg-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mhp .lg-cat{display:flex;align-items:center;gap:8px;min-height:56px;padding:8px;border:1px solid var(--l-line);border-radius:16px;background:#fff;color:inherit;box-shadow:0 1px 2px rgba(26,42,68,.04),0 4px 12px -4px rgba(26,42,68,.08);transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.mhp .lg-cat i{flex:none;width:36px;height:36px;border-radius:12px;background:var(--l-tint);color:var(--l-navy);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.mhp .lg-cat i svg{width:20px;height:20px}
.mhp .lg-cat>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mhp .lg-cat b{font-size:13px;font-weight:700;color:var(--l-ink);line-height:1.5}
.mhp .lg-cat small{display:none;font-size:12px;line-height:1.6;color:var(--l-sub)}
.mhp .lg-cat:focus-visible,.mhp .lg-cat:active{border-color:var(--l-navy);box-shadow:0 0 0 1px var(--l-navy),0 8px 24px -8px rgba(26,42,68,.18);background:#F7F8FB}
.mhp .lg-cat:focus-visible i,.mhp .lg-cat:active i{background:var(--l-navy);color:#fff}

/* کارت کسب‌وکار و گزینه */
.mhp .lg-card{padding:16px;border:1px solid var(--l-line);border-radius:16px;background:#fff;box-shadow:var(--l-sh-card);color:inherit}
.mhp .lg-opt{transition:transform .2s,box-shadow .2s,border-color .2s}
.mhp .lg-opt:active{border-color:var(--l-navy)}
.mhp .lg-ph{flex:none;width:48px;height:48px;border-radius:12px;background:var(--l-bg);color:#9AA1AB;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.mhp .lg-ph svg{width:22px;height:22px}
.mhp .lg-nm{font-size:16px!important;font-weight:700;line-height:1.6;color:var(--l-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mhp .lg-biz{display:flex;flex-direction:column;gap:12px}
.mhp .lg-img{height:144px;border-radius:12px;background:var(--l-bg);color:#A3A9B3;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.mhp .lg-img svg{width:32px;height:32px}
.mhp .lg-img,.mhp .lg-ph{position:relative;overflow:hidden}
.mhp .lg-img>img,.mhp .lg-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--l-bg)}
.mhp .lg-img>img.fit{object-fit:contain;padding:12px}
.mhp .lg-stat{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid var(--l-navy);border-radius:12px;background:#fff;font-size:13px;line-height:1.8;color:var(--l-ink)}
.mhp .lg-stat b{font-weight:700}
.mhp .lg-stat i{flex:none;width:28px;height:28px;border-radius:8px;background:var(--l-navy);color:#fff;display:flex;align-items:center;justify-content:center}
.mhp .lg-stat svg{width:16px;height:16px}
.mhp .lg-claim{margin:0 8px;box-shadow:var(--l-sh-float);transform:rotate(-2deg)}

/* کارت شناور موبایل */
.mhp .lg-float{margin:0 8px;padding:16px;border:1px solid var(--l-line);border-radius:16px;background:#fff;box-shadow:var(--l-sh-float);transform:rotate(-2deg);transition:transform .4s ease-out}
.mhp .lg-float.flat{transform:none}
.mhp .lg-tag-m{flex:none;height:24px;padding:0 12px;border-radius:999px;background:var(--l-bg);font-size:12px;color:var(--l-sub);display:inline-flex;align-items:center;white-space:nowrap}
.mhp .lg-bars-m{display:flex;align-items:flex-end;gap:8px;height:64px;margin-top:12px}
.mhp .lg-bars-m i{flex:1;border-radius:4px 4px 2px 2px;background:var(--l-tint)}
.mhp .lg-bars-m i.on{background:var(--l-navy)}
.mhp .lg-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--l-ok);animation:lgPulse 2s ease-in-out infinite}

/* کد ۴ رقمی */
.mhp .lg .lg-otp{display:flex;gap:12px;direction:ltr;justify-content:center;grid-template-columns:none}
.mhp .lg .lg-otp input{flex:1 1 0;min-width:0;max-width:72px;width:auto;height:72px;padding:0;border:1.5px solid var(--l-navy);border-radius:16px;background:#fff;font-family:inherit;font-size:30px!important;font-weight:800;color:var(--l-ink);text-align:center;outline:0;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .2s}
.mhp .lg .lg-otp input:focus{border-color:var(--l-navy);box-shadow:0 0 0 1px var(--l-navy),0 0 0 5px var(--l-tint)}
.mhp .lg .lg-otp.err{animation:lgShake .2s 1}
.mhp .lg .lg-otp.err input{border-color:var(--l-err-line);background:var(--l-err-bg);color:var(--l-ink)}
.mhp .lg .lg-otp.is-ok input{border-color:var(--l-ok-line);background:var(--l-ok-bg);color:var(--l-ok);box-shadow:none;animation:lgGreen .2s both}
.mhp .lg .lg-otp.is-ok input:nth-child(2){animation-delay:60ms}
.mhp .lg .lg-otp.is-ok input:nth-child(3){animation-delay:120ms}
.mhp .lg .lg-otp.is-ok input:nth-child(4){animation-delay:180ms}
.mhp .lg-done{align-self:center;width:64px;height:64px;border-radius:50%;background:var(--l-ok);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(29,107,69,.2),0 12px 24px -8px rgba(29,107,69,.4);animation:lgPop .3s 240ms both}
.mhp .lg-done svg{width:32px;height:32px}
.mhp .lg-resend{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;font-size:13px;color:var(--l-sub)}
.mhp .lg-resend b{font-size:14px;color:var(--l-ink);font-weight:700;direction:ltr;unicode-bidi:isolate}
.mhp .lg-ring{position:relative;width:32px;height:32px;flex:none}
.mhp .lg-ring svg{width:32px;height:32px;transform:rotate(-90deg)}
.mhp .lg-ring circle{fill:none;stroke-width:3}
.mhp .lg-ring .bg{stroke:var(--l-line)}
.mhp .lg-ring .fg{stroke:var(--l-navy);stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}
.mhp .lg-again{display:flex;flex-direction:column;gap:12px}
.mhp .lg .lg-src{display:none!important}

/* لینک یک‌لمسی */
.mhp .lg-center{align-items:center;text-align:center;padding-top:48px}
.mhp .lg-center .lg-head{align-items:center}
.mhp .lg-center>form{width:100%}
.mhp .lg-badge{width:64px;height:64px;border-radius:16px;background:var(--l-warn-bg);color:var(--l-warn);display:flex;align-items:center;justify-content:center}
.mhp .lg-badge svg{width:30px;height:30px}
.mhp .lg-bigspin{width:40px;height:40px;border-radius:50%;border:3px solid var(--l-tint);border-top-color:var(--l-navy);animation:lgSpin .8s linear infinite}

/* رمز عبور */
.mhp .lg-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-8px}
.mhp .lg-check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--l-text);cursor:pointer}
.mhp .lg-check input{position:static;opacity:1;width:20px;height:20px;margin:0;accent-color:var(--l-navy);cursor:pointer}

/* ۸.۳.۲ تأیید مالکیت: سه راه به شکل کارت انتخابی، توضیح، فرم مدرک و نتیجه جست‌وجو */
.mhp .lg-picks{display:flex;flex-direction:column;gap:12px}
.mhp .lg-pick{position:relative;min-height:72px;cursor:pointer;border-width:1.5px;transition:border-color .2s,background .2s,box-shadow .2s}
.mhp .lg-pick .lg-t span{font-size:13px}
.mhp .lg-radio{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--l-line2);background:#fff;transition:border-color .2s,box-shadow .2s}
.mhp .lg-pick:has(input:checked){border-color:var(--l-navy);background:#F7F8FB;box-shadow:0 0 0 1px var(--l-navy)}
.mhp .lg-pick:has(input:checked) .lg-tile{background:var(--l-navy);color:#fff}
.mhp .lg-pick:has(input:checked) .lg-radio{border-color:var(--l-navy);box-shadow:inset 0 0 0 5px #fff;background:var(--l-navy)}
.mhp .lg-pick:has(input:focus-visible){outline:3px solid #8FA3C7;outline-offset:2px}
.mhp .lg-pick:has(input:disabled){opacity:.5;cursor:not-allowed;box-shadow:none}
.mhp .lg-know{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--l-bg);font-size:14px;line-height:1.9;color:var(--l-text)}
.mhp .lg-know b{font-size:14px;color:var(--l-ink)}
.mhp .lg-know span{position:relative;padding-right:16px}
.mhp .lg-know span::before{content:"";position:absolute;right:2px;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--l-navy)}
.mhp .lg-know .lg-num::before{display:none}
.mhp .lg-know .lg-num{padding:0}
.mhp .lg-docf{display:flex;flex-direction:column;gap:20px}
.mhp .lg-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mhp .lg-seg label{min-height:52px;border:1.5px solid var(--l-line2);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--l-text);cursor:pointer}
.mhp .lg-seg label:has(input:checked){border-color:var(--l-navy);background:var(--l-navy);color:#fff}
.mhp .lg-seg label:has(input:focus-visible){outline:3px solid #8FA3C7;outline-offset:2px}
.mhp .lg .lg-file{display:flex;align-items:center;min-height:64px;padding:8px 12px;border:1.5px dashed var(--l-line2);border-radius:16px;background:#fff}
.mhp .lg .lg-file input{width:100%;font-family:inherit;font-size:14px!important;color:var(--l-text)}
.mhp .lg .lg-file input::file-selector-button{margin-left:12px;height:44px;padding:0 16px;border:1.5px solid var(--l-navy);border-radius:12px;background:#fff;color:var(--l-navy);font-family:inherit;font-weight:700;cursor:pointer}
.mhp .lg .lg-file.err{border-color:var(--l-err-line);background:var(--l-err-bg)}
.mhp .lg-q svg{width:20px;height:20px;color:var(--l-sub)}
.mhp .lg-res{display:flex;flex-direction:column;gap:8px}
.mhp .lg-res:empty{display:none}
.mhp .lg-res .set-r{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border:1px solid var(--l-line);border-radius:16px;background:#fff;color:inherit;box-shadow:var(--l-sh-card)}
.mhp .lg-res .set-r:active,.mhp .lg-res .set-r:focus-visible{border-color:var(--l-navy)}
.mhp .lg-claimdone .lg-badge{background:var(--l-tint);color:var(--l-navy)}

/* ستون پیش‌نمایش (فقط دسکتاپ) */
.mhp .lg-prev{display:none}

/* اشاره‌گر موشی: حالت‌های hover */
@media (hover:hover){
 .mhp .lg-btn:not([aria-disabled="true"]):not(.off):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(26,42,68,.24),0 16px 32px -8px rgba(26,42,68,.5)}
 .mhp .lg-back:hover{border-color:var(--l-navy)}
 .mhp .lg-sec:not(:disabled):hover{background:#F3F5F9}
 .mhp .lg-ghost:hover{background:#F7F8FB}
 .mhp .lg-pick:not(:has(input:disabled)):hover{border-color:var(--l-navy)}
 .mhp .lg-res .set-r:hover{border-color:var(--l-navy)}
 .mhp .lg-cat:hover{transform:translateY(-2px);border-color:var(--l-navy);box-shadow:0 0 0 1px var(--l-navy),0 8px 24px -8px rgba(26,42,68,.18);background:#F7F8FB}
 .mhp .lg-cat:hover i{background:var(--l-navy);color:#fff}
 .mhp .lg-bridge>.lg-row:hover .lg-arrow,.mhp .lg-opt:hover .lg-arrow{background:var(--l-navy);color:#fff}
 .mhp .lg-opt:hover{transform:translateY(-2px);border-color:var(--l-navy);box-shadow:0 1px 2px rgba(26,42,68,.06),0 16px 32px -8px rgba(26,42,68,.16)}
}

/* دسکتاپ */
@media (min-width:960px){
 .mhp .lg{display:flex;align-items:stretch}
 .mhp .lg.solo{justify-content:center}
 .mhp .lg-side{width:600px;max-width:none;flex:none;margin:0;padding:48px 56px;justify-content:center;gap:32px}
 .mhp .lg-main{gap:32px}
 .mhp .lg-top{justify-content:flex-start}
 .mhp .lg-top:has(.lg-back){justify-content:flex-start}
 .mhp .lg-back-sp{display:none}
 .mhp .lg-h1{font-size:38px;line-height:1.4}
 .mhp .lg-p{font-size:17px}
 .mhp .lg .lg-label{font-size:15px}
 .mhp .lg .lg-inp{height:72px;border-radius:18px;padding:0 20px}
 .mhp .lg .lg-inp input{font-size:26px!important}
 .mhp .lg .lg-inp.t input{font-size:19px!important}
 .mhp .lg .lg-btn{height:64px;font-size:19px;border-radius:18px}
 .mhp .lg .lg-sec{min-height:58px;font-size:16px;border-radius:18px}
 .mhp .lg-terms{font-size:13px}
 .mhp .lg-check,.mhp .lg-lnk{font-size:15px}
 .mhp .lg-logo,.mhp .lg-logo img{height:38px}
 .mhp .lg-float{display:none}
 .mhp .lg-claim{margin:0;transform:none;box-shadow:var(--l-sh-card)}
 .mhp .lg-dock{position:static}
 .mhp .lg-dock::before{display:none}
 .mhp .lg-cat{min-height:64px;padding:12px;gap:12px}
 .mhp .lg-cat i{width:40px;height:40px}
 .mhp .lg-cat b{font-size:15px}
 .mhp .lg-cat small{font-size:13px}
 .mhp .lg-cat small{display:block}
 .mhp .lg .lg-otp{justify-content:center;gap:16px}
 .mhp .lg .lg-otp input{flex:none;width:76px;height:80px;max-width:none;font-size:34px!important}
 .mhp .lg-resend{justify-content:center}
 .mhp .lg-center{align-items:flex-start;text-align:right;padding-top:0}
 .mhp .lg-center .lg-head{align-items:flex-start}
 .mhp .lg-prev{position:relative;display:flex;flex:1;min-width:0;margin:24px;border-radius:28px;background:var(--l-bg);padding:48px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
 .mhp .lg-prev-in{position:relative;z-index:1;width:100%;max-width:608px;display:flex;flex-direction:column;gap:40px}
 .mhp .lg-prev h2{margin:0;font-size:40px;line-height:1.4;font-weight:800;color:var(--l-navy)}
 /* ۸.۳.۲ پس‌زمینه کرم با لوگوهای واقعی؛ هر چند ثانیه یکی آرام عوض می‌شود (login.js) */
 .mhp .lg-prev.has-wall{background:#F6F1E8}
 .mhp .lg-wall{position:absolute;inset:-24px;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,96px);grid-auto-rows:96px;gap:20px;justify-content:center;align-content:center;pointer-events:none}
 .mhp .lg-wall::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 62% at 50% 50%,rgba(246,241,232,.94) 30%,rgba(246,241,232,.55) 70%,rgba(246,241,232,.2))}
 .mhp .lg-wt{position:relative;display:block;border-radius:24px;background:#FBF8F2;border:1px solid #EAE2D3;box-shadow:0 1px 2px rgba(90,70,40,.05),0 8px 20px -12px rgba(90,70,40,.14);overflow:hidden}
 .mhp .lg-wt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.8);transition:opacity 1.6s ease-in-out}
 .mhp .lg-wt img.nx{opacity:0}
 .mhp .lg-wt.flip{animation:lgFlip .8s ease-in-out}
 .mhp .has-wall .lg-prev-in{padding:40px;border-radius:28px;background:rgba(246,241,232,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(234,226,211,.9),0 32px 64px -24px rgba(90,70,40,.25)}
 /* پروفایل‌های واقعی (مثل بخش پروفایل‌های لندینگ): سه تا پیدا، پله‌ای، هر ۴٫۵ ثانیه یکی جلو می‌آید */
 .mhp .lg-feed{display:flex;flex-direction:column;gap:16px}
 .mhp .lg-feed-h{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:var(--l-ink)}
 .mhp .lg-feed-h svg{width:18px;height:18px;color:var(--l-navy)}
 .mhp .lg-fl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
 .mhp .lg-fc{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px 16px;padding:16px 20px;background:#fff;border:1px solid var(--l-line);border-radius:20px;box-shadow:0 10px 28px rgba(26,42,68,.08);transition:opacity .5s ease,transform .5s ease}
 .mhp .lg-fc:nth-child(2){margin-inline-start:24px}
 .mhp .lg-fc:nth-child(3){margin-inline-start:48px}
 .mhp .lg-fc:nth-child(n+4){display:none}
 .mhp .lg-fc.out{opacity:0;transform:translateY(-8px)}
 .mhp .lg-fc.in{opacity:0;transform:translateY(8px)}
 .mhp .lg-fa{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--l-tint);color:var(--l-navy);font-size:22px;font-weight:800;object-fit:cover;border:1px solid var(--l-line)}
 .mhp .lg-ft{display:flex;flex-direction:column;gap:2px;min-width:0}
 .mhp .lg-ft b{font-size:16px;font-weight:700;color:var(--l-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mhp .lg-ft span{font-size:13px;color:var(--l-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mhp .lg-fs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
 .mhp .lg-fs>span{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--l-bg);font-size:12px;color:var(--l-text);white-space:nowrap}
 .mhp .lg-fs b{font-weight:800;color:var(--l-navy)}
 .mhp .lg-fs svg{width:14px;height:14px;color:var(--l-navy)}
 .mhp .lg-fs .lg-rt svg{color:#C98A0C}
 .mhp .lg-prev-h p{margin:12px 0 0;font-size:15px;line-height:1.8;color:var(--l-sub)}
 .mhp .lg-stage{position:relative;height:592px;width:100%;max-width:608px;flex:none}
 .mhp .lg-pc{position:absolute;width:384px;padding:24px;border:1px solid var(--l-line);border-radius:24px;background:#fff;box-shadow:var(--l-sh-float);display:flex;flex-direction:column;gap:16px;animation:lgFront 12s ease-in-out infinite}
 .mhp .lg-pc.a{top:0;right:0}
 .mhp .lg-pc.b{top:160px;right:112px;animation-delay:4s}
 .mhp .lg-pc.c{top:296px;right:224px;animation-delay:8s}
 .mhp .lg-pc-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .mhp .lg-pc-h b{font-size:15px;font-weight:700;color:var(--l-ink)}
 .mhp .lg-tag{height:24px;padding:0 12px;border-radius:999px;background:var(--l-bg);font-size:12px;color:var(--l-sub);display:inline-flex;align-items:center;white-space:nowrap}
 .mhp .lg-bars{display:flex;align-items:flex-end;gap:8px;height:88px}
 .mhp .lg-bars i{flex:1;border-radius:4px 4px 2px 2px;background:var(--l-tint)}
 .mhp .lg-bars i.on{background:var(--l-navy)}
 .mhp .lg-rank{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--l-line)}
 .mhp .lg-rank.me{border-color:var(--l-navy);box-shadow:0 0 0 1px var(--l-navy)}
 .mhp .lg-rank.dim{opacity:.55}
 .mhp .lg-rank s{flex:none;width:32px;height:32px;border-radius:8px;background:var(--l-bg)}
 .mhp .lg-rank u{flex:1;height:8px;border-radius:4px;background:var(--l-line);text-decoration:none}
 .mhp .lg-rank.me u{height:auto;background:none;font-size:14px;font-weight:700;color:var(--l-ink)}
 .mhp .lg-turbo{height:24px;padding:0 8px;border-radius:999px;background:var(--l-navy);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}
}
@media (min-width:960px) and (max-width:1279px){
 .mhp .lg-side{width:500px;padding:40px}
 .mhp .lg-h1{font-size:34px}
 .mhp .lg .lg-inp{height:68px}
 .mhp .lg .lg-inp input{font-size:24px!important}
 .mhp .lg-prev{padding:32px}
 .mhp .lg-prev h2{font-size:32px}
 .mhp .has-wall .lg-prev-in{padding:28px}
 .mhp .lg-fc:nth-child(2){margin-inline-start:12px}
 .mhp .lg-fc:nth-child(3){margin-inline-start:24px}
 .mhp .lg-pc{width:320px}
 .mhp .lg-pc.b{right:64px}
 .mhp .lg-pc.c{right:128px}
 .mhp .lg-cat small{display:none}
 .mhp .lg-cat{min-height:56px}
}
@media (min-width:960px) and (max-height:960px){
 .mhp .lg-cat small{display:none}
 .mhp .lg-cat{min-height:56px}
 .mhp .lg-side{padding-top:32px;padding-bottom:32px;gap:24px}
 .mhp .lg-main{gap:24px}
 .mhp .lg-prev{padding-top:32px;padding-bottom:32px}
 .mhp .lg-prev-in{gap:24px}
 .mhp .lg-prev h2{font-size:30px}
 .mhp .has-wall .lg-prev-in{padding-top:28px;padding-bottom:28px}
 .mhp .lg-fc{padding:12px 16px}
 .mhp .lg-stage{height:420px}
 .mhp .lg-pc{padding:16px;gap:12px}
 .mhp .lg-pc.b{top:112px}
 .mhp .lg-pc.c{top:212px}
 .mhp .lg-bars{height:56px}
 .mhp .lg-rank{padding:6px 12px}
 .mhp .lg-rank s{width:28px;height:28px}
}
@media (min-width:960px) and (max-height:860px){
 .mhp .lg-fc:nth-child(3){display:none}
}
@media (max-width:359px){
 .mhp .lg-h1{font-size:24px}
 .mhp .lg .lg-otp{gap:8px}
 .mhp .lg .lg-inp input{font-size:19px!important;letter-spacing:.04em}
 .mhp .lg-cats{grid-template-columns:1fr}
}

@keyframes lgIn{from{opacity:0}}
@keyframes lgFlip{0%{transform:none}45%,55%{transform:perspective(400px) rotateY(90deg) scale(.82)}100%{transform:none}}
@keyframes lgSpin{to{transform:rotate(360deg)}}
@keyframes lgSheen{to{right:110%}}
@keyframes lgShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes lgPop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes lgGreen{from{background:#fff;border-color:var(--l-navy)}}
@keyframes lgPulse{50%{box-shadow:0 0 0 6px rgba(29,107,69,.15)}}
@keyframes lgFront{0%,28%{transform:translateY(-8px) scale(1.02);z-index:3;box-shadow:0 2px 4px rgba(26,42,68,.08),0 32px 64px -16px rgba(26,42,68,.3)}36%,100%{transform:none;z-index:1}}
@media (prefers-reduced-motion:reduce){.mhp .lg *,.mhp .lg *::before,.mhp .lg *::after{animation:none!important;transition:none!important}}