:root{--khf-gold:#c8943d;--khf-bg:#f8f8f8}body.login{background:var(--khf-bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}#login{padding-top:7vh;width:min(380px,calc(100% - 36px))}.login h1{background:#080808;border-radius:14px 14px 0 0;border-bottom:2px solid var(--khf-gold);padding:26px 20px}.login h1 a{background-image:url(logo.png);background-size:contain;background-position:center;width:100%;height:82px;margin:0}.login form{margin-top:0;border:1px solid #e5e5e5;border-top:0;border-radius:0 0 14px 14px;padding:28px;box-shadow:0 5px 20px #00000008}.login label{color:#171717}.login .button-primary{background:#111;border-color:#111;color:white;border-radius:7px;min-height:42px;padding:0 22px}.login .button-primary:hover,.login .button-primary:focus{background:#282828;border-color:var(--khf-gold)}.login input[type=text],.login input[type=password]{border:1px solid #bbb;border-radius:7px;min-height:44px}.login input:focus{border-color:var(--khf-gold);box-shadow:0 0 0 1px var(--khf-gold)}.login #nav a,.login #backtoblog a{color:#333}.login .message,.login #login_error{border-left-color:var(--khf-gold);border-radius:7px}.login .privacy-policy-page-link{margin-top:24px}
:root{--khf-login-top:10vh}
body.login #login{display:flex;flex-direction:column;padding-top:var(--khf-login-top)}
body.login #login h1{order:0;margin:0}
body.login #login form{order:1;margin-top:0;overflow:visible}
body.login #login>.message,body.login #login>#login_error{order:2;margin:18px 0 0}
body.login #login>#nav,body.login #backtoblog,body.login .privacy-policy-page-link{order:3}
body.login form #nav{clear:both;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0;padding:24px 0 0;font-size:13px}
body.login input[type=email]{border:1px solid #bbb;border-radius:7px;min-height:44px}
@media(max-height:600px){:root{--khf-login-top:24px}}

body.login #login form #login_error{color:#b42318;text-align:center;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 20px;font-size:13px;line-height:1.5}body.login #login form #login_error a{color:inherit;text-decoration:underline}