*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:'Cairo',Tahoma,Arial,sans-serif}
:root{--mf-ink:#10151b;--mf-ink-2:#171d24;--mf-ink-3:#222a33;--mf-gold:#d9ad32;--mf-teal:#0c8a83;--mf-text:#102f2b;--mf-muted:#7b8985}
body.mf-login-page{min-height:100vh;background:#0d1116;color:var(--mf-text);overflow-x:hidden}
.mf-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,37%) minmax(0,63%);direction:ltr}
.mf-login-form-panel,.mf-login-visual-panel{min-width:0}
.mf-login-form-panel{direction:rtl;display:flex;align-items:center;justify-content:center;padding:44px 54px;background:radial-gradient(circle at 72% 24%,#252d35 0%,#1a2027 34%,#11171d 66%,#0d1116 100%);position:relative;overflow:hidden}
.mf-login-card{width:min(430px,100%);background:#fff;border:1px solid #dbe4e1;border-radius:24px;box-shadow:0 24px 70px rgba(20,31,35,.11);padding:32px 32px 26px}
.mf-login-brand-mini{display:flex;align-items:center;gap:13px;margin-bottom:25px}
.mf-login-brand-mini img{width:60px;height:60px;object-fit:cover;object-position:center;border-radius:15px;border:1px solid #d6dfdc;box-shadow:0 7px 18px rgba(15,21,27,.12)}
.mf-login-brand-mini strong{display:block;font-size:21px;line-height:1.25;color:#102f2b}.mf-login-brand-mini span{display:block;margin-top:4px;color:#bf8e12;letter-spacing:4px;font-weight:800;font-size:11px}
.mf-login-kicker{color:#0a7c73;font-size:11px;font-weight:800;margin-bottom:8px}.mf-login-card h1{margin:0;font-size:31px;line-height:1.3;color:#0c2d29}.mf-login-lead{margin:7px 0 22px;color:#87918e;font-size:13px;line-height:1.9}
.mf-login-error{background:#fff0ef;border:1px solid #f2ceca;color:#ad4038;border-radius:10px;padding:10px 12px;font-size:12px;margin-bottom:12px}
.mf-login-form{display:grid;gap:14px}.mf-login-form>label>span{display:block;font-size:11px;color:#5f716c;margin-bottom:6px}
.mf-login-input{height:50px;display:flex;align-items:center;gap:8px;border:1px solid #cfdad7;background:#fff;border-radius:11px;padding:0 12px;transition:.15s}.mf-login-input:focus-within{border-color:#148b82;box-shadow:0 0 0 3px rgba(20,139,130,.09)}
.mf-login-input input{direction:ltr;text-align:left;flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#173d36!important;font:500 12px 'Cairo',sans-serif;padding:0!important;box-shadow:none!important}.mf-login-input-icon{font-size:12px;color:#80938d}.mf-password-toggle{width:28px;height:28px;border:0;background:transparent;color:#6c817a;cursor:pointer;border-radius:7px;padding:0;font-size:15px}
.mf-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#81908c;margin:1px 0 2px}.mf-remember{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;color:#536963!important}.mf-remember input{width:14px!important;height:14px!important;accent-color:#0c8a83;margin:0}
.mf-login-submit{width:100%;height:50px;border:0;border-radius:11px;background:linear-gradient(90deg,#087b73 0%,#0b8a82 58%,#d6aa2f 100%);color:#fff;font:800 14px 'Cairo',sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(14,112,104,.20);transition:.15s}.mf-login-submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(14,112,104,.24)}.mf-login-submit span{margin-inline-start:5px}
.mf-login-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#a0aaa7;font-size:9px}

/* Visual identity panel: use the same dark charcoal family as the approved MOBAFIX logo background. */
.mf-login-visual-panel{direction:rtl;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:44px 58px;background:radial-gradient(circle at 72% 24%,#252d35 0%,#1a2027 34%,#11171d 66%,#0d1116 100%);color:#fff}
.mf-login-visual-panel:before,.mf-login-visual-panel:after{content:"";position:absolute;border:1px solid rgba(217,173,50,.13);border-radius:50%}.mf-login-visual-panel:before{width:470px;height:470px;top:-300px;right:-90px}.mf-login-visual-panel:after{width:620px;height:620px;bottom:-410px;left:-220px}
.mf-login-visual-content{position:relative;z-index:1;width:min(980px,100%);display:grid;grid-template-columns:minmax(340px,.95fr) minmax(330px,1fr);grid-template-areas:'poster copy' 'features features';align-items:center;gap:34px 54px}
.mf-login-hero-copy{grid-area:copy;text-align:right}.mf-login-hero-copy small{font-size:9px;letter-spacing:3px;color:rgba(255,255,255,.55)}.mf-login-hero-copy h2{font-size:50px;line-height:1.1;margin:13px 0 4px;color:#fff}.mf-login-hero-copy h2 span{color:var(--mf-gold)}.mf-login-hero-copy b{display:block;color:var(--mf-gold);font-size:15px;letter-spacing:7px;margin-bottom:18px}.mf-login-hero-copy p{font-size:13px;line-height:2;color:rgba(255,255,255,.78);margin:0;max-width:440px}
.mf-login-poster{grid-area:poster;display:flex;justify-content:center;align-items:center}.mf-login-poster img{display:block;width:min(420px,100%);aspect-ratio:1/1;object-fit:cover;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.40);border:1px solid rgba(255,255,255,.09)}
.mf-login-features{grid-area:features;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:4px}.mf-login-features article{min-height:72px;border:1px solid rgba(217,173,50,.20);background:rgba(255,255,255,.045);border-radius:14px;padding:13px 14px;text-align:center;backdrop-filter:blur(5px)}.mf-login-features strong{display:block;font-size:11px;margin-bottom:5px;color:#fff}.mf-login-features span{display:block;color:rgba(255,255,255,.56);font-size:8px;direction:ltr}
@media(max-width:1100px){.mf-login-shell{grid-template-columns:430px minmax(0,1fr)}.mf-login-form-panel{padding:32px}.mf-login-visual-content{grid-template-columns:1fr;grid-template-areas:'copy' 'poster' 'features';gap:18px}.mf-login-hero-copy{text-align:center}.mf-login-hero-copy p{margin-inline:auto}.mf-login-poster img{width:300px}.mf-login-features{grid-template-columns:repeat(2,1fr)}.mf-login-hero-copy h2{font-size:40px}}
@media(max-width:820px){body.mf-login-page{background:#0d1116}.mf-login-shell{display:block}.mf-login-visual-panel{display:none}.mf-login-form-panel{min-height:100vh;padding:24px}.mf-login-card{width:min(440px,100%);padding:30px}.mf-login-card h1{font-size:28px}}
@media(max-width:420px){.mf-login-form-panel{padding:16px}.mf-login-card{padding:22px 18px;border-radius:18px}.mf-login-options{align-items:flex-start;flex-direction:column}.mf-login-brand-mini{margin-bottom:18px}}

/* V32.6.1 hard override: both page halves use the exact same MOBAFIX dark identity background. */
html,body.mf-login-page,.mf-login-shell{background:#0d1116!important;}
.mf-login-form-panel,.mf-login-visual-panel{background:radial-gradient(circle at 72% 24%,#252d35 0%,#1a2027 34%,#11171d 66%,#0d1116 100%)!important;}
.mf-login-card{background:#fff!important;}