/* Standalone authentication screens, isolated from public layouts. */
body.ma-auth{margin:0;min-height:100vh;background:radial-gradient(ellipse at 8% 5%,#e3c8fb 0,transparent 52%),linear-gradient(115deg,#d8d1fc,#9dcaff);color:#20283e;display:flex;align-items:center;justify-content:center;padding:32px 26px;font-family:Cairo,system-ui,sans-serif;box-sizing:border-box}
.ma-shell *{box-sizing:border-box}.ma-shell{width:min(1080px,100%);min-height:700px;display:grid;grid-template-columns:1fr 1fr;direction:rtl;border:1px solid #ffffff85;border-radius:32px;overflow:hidden;box-shadow:0 28px 80px #384d9430;background:#ecf2ffb8}.ma-form-panel{direction:rtl;padding:34px 48px 30px;min-width:0}.ma-auth[dir=ltr] .ma-form-panel,html[dir=ltr] .ma-form-panel{direction:ltr}.ma-brand{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#17213b;font-weight:800;font-size:1.16rem;text-decoration:none;margin-bottom:30px;min-height:45px}.ma-brand .logo-img{max-height:44px;max-width:210px;object-fit:contain}.ma-brand .mark{width:43px;height:43px;border-radius:13px}.ma-brand .lg-dark{display:none}.ma-form-content{max-width:420px;margin:auto}.ma-shell h1{font-size:1.65rem;line-height:1.6;margin:0 0 5px;font-weight:800;color:#182139}.ma-subtitle{font-size:.83rem;line-height:1.9;color:#7c849a;margin:0 0 24px}.ma-shell label{font-size:.8rem;color:#4f5970;font-weight:600;display:block;margin:0 0 14px}.ma-shell input:not([type=checkbox]):not(.hp),.ma-shell select{width:100%;min-height:48px;border:1px solid #dce3f2;border-radius:11px;background:#ffffffae;color:#26304a;box-shadow:none;padding:11px 13px;font:inherit;font-size:.85rem;outline:none;margin-top:6px}.ma-shell input:focus,.ma-shell select:focus{border-color:#558ffb;box-shadow:0 0 0 3px #4285f41a}.ma-shell .hp{display:none!important}.ma-shell input::placeholder{color:#929aab}.ma-shell .ma-field{position:relative;margin-bottom:13px}.ma-shell .ma-field input{padding-inline:44px;margin-top:0}.ma-field>.ico{position:absolute;inset-inline-start:14px;top:16px;color:#8993a8;pointer-events:none}.ma-shell .ma-field.ma-password input{padding-inline-end:45px}.ma-password-toggle{position:absolute;inset-inline-end:7px;top:5px;width:38px;height:38px;display:grid;place-items:center;background:transparent;border:0;color:#8b95a6;cursor:pointer;border-radius:8px}.ma-shell .btn.block{width:100%;min-height:48px;border:0;border-radius:10px;background:#087df6;color:white;box-shadow:0 7px 18px #087df62c;font-size:.92rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:10px 15px;cursor:pointer}.ma-shell .btn.block:hover{background:#066ce0}.ma-forgot{display:flex;justify-content:flex-end;margin:3px 0 17px;font-size:.79rem}.ma-shell a{color:#2875c1}.ma-shell a:hover{text-decoration:none}.ma-divider{display:flex;align-items:center;gap:12px;margin:22px 0 17px;color:#8c94a6;font-size:.76rem}.ma-divider:before,.ma-divider:after{content:"";height:1px;background:#ffffffc2;flex:1}.ma-social{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:22px}.ma-shell a.ma-social-circle{width:48px;height:48px;display:grid;place-items:center;border:1px solid #e0e5ef;border-radius:50%;background:#fff;box-shadow:0 4px 12px #40538312;transition:transform .15s,box-shadow .15s}.ma-shell a.ma-social-circle:hover{transform:translateY(-2px);box-shadow:0 7px 18px #40538325}.ma-forum .mark,.ma-forum .mark.img{width:33px;height:33px;border-radius:50%;background:#102047;display:grid;place-items:center;overflow:hidden}.ma-forum .mark img{width:100%;height:100%;object-fit:contain}.ma-switch{text-align:center;border-top:1px solid #ffffffb3;padding-top:18px;margin:0;font-size:.8rem;color:#7a8499}.ma-switch a{font-weight:800;margin-inline-start:8px}.ma-art-panel{direction:rtl;background:radial-gradient(ellipse at 50% 42%,#152c56,#0d1427 65%,#0b1120);padding:65px 30px 40px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.ma-art-panel:before{content:"";position:absolute;width:320px;height:320px;border:1px solid #587dab14;border-radius:50%;top:20%;left:20%;box-shadow:0 0 0 55px #587dab06,0 0 0 110px #587dab04;pointer-events:none}.ma-eyebrow{font-size:.64rem;letter-spacing:1.3px;color:#829ec8}.ma-art-panel h2{font-size:1.48rem;line-height:1.8;font-weight:800;color:#fff;margin:10px 0 8px}.ma-art{display:block;width:115%;max-width:550px;height:auto;position:relative;margin:18px -20px 10px}.ma-art-panel>p{max-width:370px;font-size:.79rem;color:#a1aec6;line-height:2.1;margin:12px auto 18px}.ma-art-features{display:flex;gap:22px;font-size:.69rem;color:#8199bc}.ma-art-features span{display:flex;gap:6px;align-items:center}.ma-float{position:fixed;bottom:22px;inset-inline-end:22px;display:flex;flex-direction:column;gap:10px;z-index:5}.ma-float a,.ma-float .tgl{height:40px;width:40px;background:#fff;border:1px solid #e7eafa;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 18px #243a6b20;font-size:.75rem;font-weight:700;color:#24304b;padding:0;cursor:pointer}.ma-shell .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ma-shell .chk{display:flex;align-items:flex-start;gap:8px;line-height:1.9}.ma-shell .chk input{margin-top:6px;flex-shrink:0}.ma-shell .chk span{font-size:.73rem}.ma-shell small{font-size:.7rem;color:#7e8ba1}.ma-shell .msh-captcha{margin:16px 0!important;min-height:90px!important}.ma-shell .msh-captcha-status:empty{display:none}.ma-shell .intl-phone-control{display:flex;direction:ltr;gap:5px}.ma-shell .intl-phone-control select{max-width:105px}.ma-shell .intl-phone-control input{min-width:0}.ma-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ma-shell a:focus-visible,.ma-shell button:focus-visible{outline:3px solid #f6bb35;outline-offset:3px}.ma-shell .toast{position:static;transform:none;max-width:none;margin:0 0 18px;white-space:normal;font-size:.81rem;cursor:default}.ma-shell .req{color:#d24354}
html[data-theme=dark] body.ma-auth{background:radial-gradient(ellipse at 5% 0,#30254f,transparent 60%),linear-gradient(120deg,#141d36,#203354);color:#e8edf9}html[data-theme=dark] .ma-shell{background:#182239;border-color:#39465f}html[data-theme=dark] .ma-shell h1,html[data-theme=dark] .ma-brand{color:#f0f4ff}html[data-theme=dark] .ma-shell label{color:#c3cde0}html[data-theme=dark] .ma-shell input:not([type=checkbox]):not(.hp),html[data-theme=dark] .ma-shell select{background:#202d47;border-color:#3b4863;color:#edf2ff}html[data-theme=dark] .ma-divider:before,html[data-theme=dark] .ma-divider:after{background:#35435f}html[data-theme=dark] .ma-switch{border-color:#35435f}html[data-theme=dark] .ma-brand .lg-light{display:none}html[data-theme=dark] .ma-brand .lg-dark{display:block}
@media(max-width:850px){body.ma-auth{padding:24px 18px}.ma-shell{grid-template-columns:1fr;max-width:520px;min-height:0}.ma-art-panel{display:none}.ma-form-panel{padding:28px 32px}.ma-brand{margin-bottom:27px}.ma-float{position:static;flex-direction:row;margin-top:16px;align-self:center}body.ma-auth{flex-direction:column}.ma-float .ma-home{display:none}}
@media(max-width:420px){body.ma-auth{padding:15px 12px 20px}.ma-form-panel{padding:23px 19px}.ma-shell{border-radius:23px}.ma-shell h1{font-size:1.38rem}.ma-shell .two{grid-template-columns:1fr;gap:0}.ma-brand{font-size:1rem}.ma-shell .intl-phone-control select{max-width:105px}}


/* v1.3.2: standalone full-screen authentication, comfortable proportions. */
body.ma-auth{min-height:100vh;min-height:100svh;padding:24px;align-items:center}
.ma-shell{min-height:0;width:min(1080px,100%);border-radius:26px}
.ma-form-panel{padding:26px 38px}.ma-brand{margin-bottom:20px;min-height:40px}.ma-brand .logo-img{max-height:40px}
.ma-shell h1{font-size:1.5rem;line-height:1.55}.ma-subtitle{font-size:.82rem;line-height:1.7;margin-bottom:18px}
.ma-shell input:not([type=checkbox]):not(.hp),.ma-shell select{min-height:44px;font-size:.86rem;padding-block:9px}
.ma-field{margin-bottom:11px}.ma-field>.ico{top:14px}.ma-password-toggle{height:42px;top:1px}
.ma-forgot{margin:0 0 12px;font-size:.8rem}.ma-shell .btn.block{min-height:44px;font-size:.9rem}
.ma-divider{margin:15px 0 11px;font-size:.75rem}.ma-social{margin-bottom:12px}.ma-shell a.ma-social-circle{width:43px;height:43px}
.ma-switch{padding-top:14px;font-size:.8rem}.ma-art-panel{padding:35px 28px}
.ma-art-panel h2{font-size:1.4rem;line-height:1.8}.ma-art{height:260px;width:100%;max-width:430px;object-fit:contain;margin:15px 0}
.ma-art-panel>p{font-size:.8rem;line-height:2;margin:12px auto 18px}.ma-art-features{font-size:.72rem}
.ma-shell .msh-captcha{min-height:78px!important;margin:12px 0!important}
.ma-registration{width:min(1160px,100%);grid-template-columns:1.2fr 1fr}.ma-registration .ma-form-content{max-width:510px}
.ma-registration label{margin-bottom:7px;font-size:.78rem}.ma-registration .ma-brand{margin-bottom:14px}
@media(min-width:1050px){
.ma-registration .ma-form-content>form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 10px}
.ma-registration form>.two{display:contents}.ma-registration form>label:first-of-type,.ma-registration form>.two>label{grid-column:span 2}
.ma-registration form>label:nth-of-type(2),.ma-registration form>label:nth-of-type(3){grid-column:span 3}
.ma-registration form>.msh-captcha,.ma-registration form>.captcha-wrap,.ma-registration form>.chk,.ma-registration form>.btn{grid-column:1/-1}
.ma-registration .intl-phone-dial{max-width:78px}.ma-registration .intl-phone-number{min-width:0}
}
@media(min-width:851px) and (max-height:800px){
body.ma-auth{padding-block:18px}.ma-form-panel{padding:20px 32px}.ma-brand{margin-bottom:14px}
.ma-subtitle{margin-bottom:12px}.ma-art{height:230px}.ma-art-panel{padding-block:26px}
.ma-registration .ma-divider{margin:10px 0}.ma-registration .ma-switch{padding-top:10px}
}
@media(max-width:850px){body.ma-auth{padding:20px 16px;flex-direction:column}.ma-shell,.ma-registration{grid-template-columns:1fr;max-width:530px}.ma-form-panel{padding:26px}.ma-art-panel{display:none}.ma-float{position:static;display:flex;flex-direction:row;margin-top:16px}}
@media(max-width:420px){body.ma-auth{padding:15px 12px 20px}.ma-form-panel{padding:22px 18px}.ma-shell h1{font-size:1.3rem}.ma-brand{font-size:1rem}}

.ma-shell .ma-field input{padding-inline:44px!important}