:root { --mk-brand:#08a8b8; --mk-brand-dark:#087f90; --mk-ink:#173746; --mk-muted:#718690; --mk-line:#e1ecef; }
body.login { min-height:100vh; background:radial-gradient(circle at 15% 10%,rgba(8,168,184,.14),transparent 34%),radial-gradient(circle at 90% 90%,rgba(41,184,125,.09),transparent 30%),#f4f8f9; font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif; }
body.login:before { content:""; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent); }
#login { width:390px; max-width:calc(100% - 30px); padding:7vh 0 30px; position:relative; }
#login>h1 { display:none; }
.mk-login-brand { margin-bottom:22px; text-align:center; direction:rtl; }
.mk-login-logo { position:relative; width:62px; height:62px; margin:0 auto 13px; border-radius:20px; background:linear-gradient(145deg,#08a8b8,#4dc9cf); box-shadow:0 12px 28px rgba(8,168,184,.24); display:block; }
.mk-login-logo i,.mk-login-logo b { position:absolute; background:#fff; border-radius:100% 0 100% 100%; transform:rotate(42deg); }
.mk-login-logo i { width:18px; height:29px; top:11px; right:14px; }.mk-login-logo b { width:11px; height:18px; left:12px; bottom:11px; opacity:.72; }
.mk-login-brand h1 { margin:0; color:var(--mk-ink); font-size:28px; line-height:1.3; font-weight:800; letter-spacing:-.4px; }
.mk-login-brand p { margin:5px 0 0; color:var(--mk-muted); font-size:12px; }
.login form { margin-top:0; padding:27px 28px 25px; border:1px solid var(--mk-line); border-radius:19px; background:#fff; box-shadow:0 18px 50px rgba(25,67,82,.09); }
.login label { color:#506a75; font-size:12px; font-weight:700; }
.login form .input,.login input[type=password],.login input[type=text] { min-height:47px; margin-top:7px; padding:0 13px; border:1px solid var(--mk-line); border-radius:11px; background:#f9fbfb; color:var(--mk-ink); font-size:15px; box-shadow:none; }
.login form .input:focus,.login input[type=password]:focus,.login input[type=text]:focus { border-color:var(--mk-brand); background:#fff; box-shadow:0 0 0 3px rgba(8,168,184,.12); }
.login .button.wp-hide-pw { top:6px; color:var(--mk-brand-dark); }
.login .forgetmenot { margin-top:4px; }.login .forgetmenot label { font-size:11px; font-weight:500; }
.login input[type=checkbox] { border-color:#cbdadd; border-radius:5px; box-shadow:none; }.login input[type=checkbox]:checked:before { filter:hue-rotate(140deg); }
.wp-core-ui .button-primary { min-height:41px; padding:0 18px; border:0; border-radius:10px; background:var(--mk-brand); box-shadow:0 7px 16px rgba(8,168,184,.2); font-size:12px; font-weight:700; text-shadow:none; }
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus { background:var(--mk-brand-dark); box-shadow:0 7px 16px rgba(8,168,184,.22); }
.login #nav,.login #backtoblog { padding:0; text-align:center; }.login #nav { margin-top:18px; }.login #nav a,.login #backtoblog a { color:#59727d; font-size:11px; }.login #nav a:hover,.login #backtoblog a:hover { color:var(--mk-brand-dark); }
.login #backtoblog a:before { content:"← "; }.login .privacy-policy-page-link { margin-top:20px; }.login .privacy-policy-page-link a { color:#8799a1; font-size:10px; }
.login .message,.login .notice,.login .success { margin:0 0 14px; border:0; border-right:4px solid var(--mk-brand); border-radius:10px; background:#fff; box-shadow:0 8px 24px rgba(25,67,82,.07); color:#506a75; font-size:11px; direction:rtl; }
.login .language-switcher { display:none; }
@media(max-width:480px){#login{padding-top:5vh}.login form{padding:23px 20px}.mk-login-brand h1{font-size:25px}}