:root{--mh-bg:#07101d;--mh-panel:#0b1424;--mh-card:#101b2e;--mh-line:#263650;--mh-text:#eef3fa;--mh-muted:#8492a8;--mh-blue:#0081cc}
*{box-sizing:border-box}
html{margin:0;background:var(--mh-bg)}
body.login{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:100dvh;margin:0;padding:0;overflow-x:hidden;color:var(--mh-text);background:var(--mh-panel);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.login:before{content:"";grid-column:2;grid-row:1;min-height:100dvh;background:var(--mh-panel)}
#login{position:relative;z-index:3;grid-column:2;grid-row:1;align-self:center;width:min(430px,calc(100% - 96px));margin:48px auto;padding:34px;border:1px solid var(--mh-line);border-radius:20px;background:var(--mh-card);box-shadow:none}
#login h1{margin:0 0 42px;text-align:left}
#login h1 a{position:relative;width:164px;height:41px;margin:0;background-image:url("mamuthub-logo-white.png");background-position:left center;background-size:60px 41px;overflow:visible}
#login h1 a:after{content:"Sunum Paneli";position:absolute;left:71px;top:12px;width:100px;color:#aeb9ca;letter-spacing:.04em;font-size:12px;font-weight:400;line-height:1}
.mh-login-intro{margin:0}
.mh-login-intro h2{margin:0 0 8px;color:#f4f6fa;font-size:26px;line-height:1.2;font-weight:400;letter-spacing:-.02em}
.mh-login-intro p{margin:0 0 28px;color:var(--mh-muted);font-size:14px;line-height:1.5}
.login form{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.login form>p{margin:0}
.login label{color:#9aa7ba;font-size:12px;font-weight:650}
.login form .input,.login input[type=password],.login input[type=text]{width:100%;height:46px;margin:7px 0 16px;padding:0 13px;border:1px solid #2b3b55;border-radius:10px;outline:0;color:var(--mh-text);background:#0c1728;font-family:inherit;font-size:14px;box-shadow:none}
.login form .input:focus,.login input[type=password]:focus,.login input[type=text]:focus{border-color:var(--mh-blue);box-shadow:0 0 0 3px #0081cc1a}
.login .button.wp-hide-pw{top:7px;height:46px;color:#7f8da4}
.login .button.wp-hide-pw:focus{border:0;box-shadow:none}
.login .forgetmenot{float:none!important;margin:1px 0 0!important}
.login .forgetmenot label{display:flex;align-items:center;gap:10px;color:#aeb9ca;font-size:12px;cursor:pointer}
.login .forgetmenot label>span{display:flex;flex-direction:column;gap:2px}
.login .forgetmenot strong{font-size:12px;line-height:1.2}
.login .forgetmenot small{color:#6f7e94;font-size:10px;font-weight:400;line-height:1.2}
.login input[type=checkbox]{width:18px;height:18px;margin:0;border:1px solid #34445e;border-radius:3px;background:#fff;box-shadow:none}
.login input[type=checkbox]:checked{border-color:var(--mh-blue);background:var(--mh-blue)}
.login input[type=checkbox]:checked:before{width:20px;height:20px;margin:-3px 0 0 -4px;color:#fff}
.login .submit{margin:20px 0 0!important}
.wp-core-ui .button-primary{display:block;float:none;width:100%;height:48px;padding:0;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#008bdc,#0967ee);font-family:inherit;font-size:14px;font-weight:700;line-height:48px;text-align:center;text-shadow:none;box-shadow:none}
.wp-core-ui .button-primary:before{content:"♙";margin-right:8px;font-size:15px}
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{border:0;background:linear-gradient(135deg,#079be9,#1475f4);box-shadow:0 0 0 3px #0081cc21}
.login #login_error,.login .message,.login .success{margin:0 0 18px;padding:10px 12px;border:1px solid #2c4f6c;border-left:3px solid #159ce8;border-radius:9px;color:#b9c6d7;background:#0b2334;font-size:12px;box-shadow:none}
.login #login_error{border-color:#6e333a;border-left-color:#eb5c68;background:#2b151c;color:#f5b7bc}
.login #nav,.login #backtoblog,.language-switcher,.privacy-policy-page-link{display:none}
.mh-login-hero{position:fixed;z-index:1;inset:0 46.3% 0 0;display:grid;place-items:center;padding:64px;overflow:hidden;background:radial-gradient(circle at 68% 32%,#0081cc57,#0000 30%),linear-gradient(145deg,#081426,#07101d);pointer-events:none}
.mh-login-hero:after{content:"";position:absolute;right:-245px;bottom:-230px;width:520px;height:520px;border:70px solid #0081cc40;border-radius:50%}
.mh-login-hero>img{position:absolute;z-index:1;top:calc(50% - 324px);left:max(64px,calc((53.7vw - 620px)/2));width:112px;height:76px;object-fit:contain;object-position:left center}
.mh-login-hero>div{position:relative;z-index:1;width:min(620px,100%)}
.mh-login-hero small{display:block;margin:0 0 13px;color:#159ce8;letter-spacing:.2em;font-size:10px;font-weight:750}
.mh-login-hero h1{max-width:620px;margin:0;color:#f7f9fd;font-size:clamp(38px,4.4vw,68px);line-height:1.04;font-weight:400;letter-spacing:-.055em}
.mh-login-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:46px}
.mh-login-points span{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #7ba5cf38;border-radius:10px;color:#b8c7da;background:#0a192c9e;font-size:13px;white-space:nowrap}
.mh-login-points svg{width:18px;height:18px;color:#45b8ff;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mh-login-security{margin-top:20px;padding:13px;border:1px dashed #30445f;border-radius:10px;color:#8493a9;background:#0c1728;font-size:11px}
.mh-login-security strong,.mh-login-security span{display:block}.mh-login-security strong{margin-bottom:5px;color:#b9c6d8}.mh-login-security span{line-height:1.45}
.mh-login-foot{margin:17px 0 0!important;color:#66758d!important;text-align:center;font-size:10px!important}
@media(max-width:1000px){body.login{grid-template-columns:1fr;place-items:center;padding:20px;background:var(--mh-panel)}body.login:before,.mh-login-hero{display:none}#login{grid-column:1;width:min(430px,100%);margin:0}}
@media(max-width:520px){body.login{padding:15px}#login{padding:25px;width:100%;border-radius:18px}#login h1{margin-bottom:34px}.mh-login-intro h2{font-size:24px}}
@media(max-height:760px) and (min-width:1001px){#login{margin:24px auto;padding-top:28px;padding-bottom:28px}#login h1{margin-bottom:28px}.mh-login-intro p{margin-bottom:20px}.mh-login-security{display:none}.mh-login-foot{display:none}.mh-login-hero>img{top:48px}}
