/* Optional branded WordPress login screen. */
body.login {
	min-height: 100vh;
	background: radial-gradient(circle at top right, rgba(52, 148, 105, .22), transparent 34%), #0f2119;
}

body.login #login {
	width: min(390px, calc(100% - 32px));
	padding: 8vh 0 24px;
}

body.login #login h1 a {
	width: auto;
	height: auto;
	margin: 0 auto 28px;
	background-image: none;
	color: #fff;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -.05em;
	text-align: center;
	text-indent: 0;
}

body.login #loginform,
body.login #lostpasswordform,
body.login #registerform {
	padding: 28px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 15px;
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 20px 55px rgba(0, 0, 0, .22);
}

body.login label { color: #415166; font-size: 13px; font-weight: 650; }
body.login .input, body.login input[type="text"], body.login input[type="password"] { min-height: 42px; border: 1px solid #d9e1eb; border-radius: 9px; box-shadow: none; }
body.login .input:focus, body.login input[type="text"]:focus, body.login input[type="password"]:focus { border-color: #176b4d; box-shadow: 0 0 0 3px rgba(23, 107, 77, .12); }
body.login .button-primary { min-height: 40px; padding: 0 16px; border: 0; border-radius: 9px; background: #176b4d; box-shadow: none; text-shadow: none; }
body.login .button-primary:hover, body.login .button-primary:focus { background: #0d543a; }
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-page-link a { color: rgba(255, 255, 255, .76); }
body.login #nav a:hover, body.login #backtoblog a:hover { color: #fff; }