body.login {
	background: #eee8df;
	color: #553a30;
	font-family: "Manrope", Arial, sans-serif;
}

body.login #login {
	box-sizing: border-box;
	width: min(calc(100% - 32px), 440px);
	margin: 7vh auto 32px;
	padding: 32px;
	background: #fbf6ed;
	border: 1px solid rgba(85, 58, 48, .16);
	border-radius: 16px;
	box-shadow: 0 22px 60px rgba(85, 58, 48, .08);
}

body.login #login h1 a {
	width: min(100%, 280px);
	height: 110px;
	margin: 0 auto 20px;
	background: url("../images/astrogabii-logo.png") center / contain no-repeat;
}

body.login #loginform,
body.login #lostpasswordform,
body.login #resetpassform,
body.login #registerform {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.login label,
body.login .message,
body.login #nav,
body.login #backtoblog {
	color: #553a30;
	font-family: "Manrope", Arial, sans-serif;
}

body.login .input,
body.login input[type="text"],
body.login input[type="password"] {
	box-sizing: border-box;
	min-height: 48px;
	color: #553a30;
	background: #f8f4ed;
	border: 1px solid rgba(85, 58, 48, .25);
	border-radius: 9px;
	font-size: 16px;
}

body.login .button-primary {
	min-height: 44px;
	padding: 0 22px;
	background: #67705b;
	border-color: #67705b;
	border-radius: 999px;
	font-family: "Manrope", Arial, sans-serif;
	font-weight: 600;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #4f5846;
	border-color: #4f5846;
}

body.login a { color: #553a30; }
body.login a:hover { color: #4f5846; }
body.login .message { background: #f8f4ed; border-left-color: #67705b; }
body.login #login_error { background: #f1dcd6; border-left-color: #8e4a40; }
body.login #nav, body.login #backtoblog { margin: 18px 0 0; padding: 0; }
body.login #nav a, body.login #backtoblog a { color: #553a30; }
body.login :focus-visible { outline: 2px solid #4f5846; outline-offset: 2px; }

@media (max-width: 560px) {
	body.login #login { margin-top: 20px; padding: 24px 20px; }
	body.login #login h1 a { width: min(100%, 220px); height: 88px; }
}