body.login{background:linear-gradient(145deg,#112b4d 0,#173f65 40%,#f4f8fc 40%);background-attachment:fixed;color:#112b4d;font-family:system-ui,-apple-system,sans-serif;min-height:100vh}
body.login #login{width:min(420px,calc(100% - 40px));padding:45px 0 25px}
body.login h1 a{background:none;width:auto;height:auto;text-indent:0;font-size:32px;font-weight:800;color:white;line-height:1.4;margin-bottom:26px;text-decoration:none}
.mk-login-intro{background:#fff;padding:26px 28px 0;border-radius:20px 20px 0 0}.mk-login-intro span{font-size:11px;font-weight:750;letter-spacing:.12em;color:#176b91}.mk-login-intro h2{font-size:28px;margin:10px 0}.mk-login-intro p{line-height:1.6;color:#4b6075;margin:0;padding-bottom:12px}
body.login form{margin-top:0;border:0;border-radius:0 0 20px 20px;padding:20px 28px 28px;box-shadow:0 10px 30px #112b4d18}body.login form .input{border:1px solid #9eafbf;border-radius:8px;font-size:22px;padding:9px}body.login label{font-size:14px;font-weight:600}body.login .button-primary{background:#112b4d;border-color:#112b4d;border-radius:8px;min-height:44px;padding:0 22px;font-size:16px}body.login .button-primary:hover{background:#1d507a}body.login #nav,body.login #backtoblog{padding:0 12px;line-height:1.7}body.login #nav a,body.login #backtoblog a{color:#155c8d}body.login .message,body.login #login_error{margin:0;border-radius:0;background:#fff}body.login .language-switcher{margin-bottom:24px}body.login a:focus-visible,body.login button:focus-visible{outline:3px solid #c57600;outline-offset:3px}
@media(max-width:480px){body.login #login{padding-top:24px}.mk-login-intro{padding:22px 22px 0}body.login form{padding:18px 22px 24px}}
/* Match the app's welcoming palette and clear controls. */
body.login{background:radial-gradient(ellipse at top right,#dfeefa,transparent 60%),#f3f7fb}
body.login h1 a{display:flex;align-items:center;justify-content:center;gap:12px;color:#163954;font-size:26px;letter-spacing:-.8px}
body.login h1 a:before{content:"";display:block;width:49px;height:49px;flex:none;background:url('app-icon-192.png') center/cover;border-radius:13px}
.mk-login-intro{border:1px solid #dbe7f0;border-bottom:0;border-radius:23px 23px 0 0;padding-top:28px;background:linear-gradient(130deg,#fff,#f7fbff)}
.mk-login-intro h2{letter-spacing:-.8px;font-size:29px}body.login form{border:1px solid #dbe7f0;border-top:0;border-radius:0 0 23px 23px;box-shadow:0 15px 40px #173d5c09}
body.login form .input{border-color:#bdcfdd;border-radius:10px;padding:11px;font-size:19px}body.login .button-primary{background:#175f90;border-color:#175f90;border-radius:10px;min-height:46px}