/* WordPress login, lost-password, and reset-password screens. */
body.login {
	--flux-login-blue: #315cf6;
	--flux-login-ink: #192747;
	--flux-login-border: #d9e3f3;
	min-height: 100vh;
	background: radial-gradient(circle at 15% 12%, #e3eeff 0, transparent 32%), radial-gradient(circle at 90% 85%, #e6f9f5 0, transparent 29%), #f5f8fe;
	color: var(--flux-login-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.login::before {
	position: fixed;
	inset: 0 0 auto;
	height: 6px;
	background: linear-gradient(90deg, #315cf6 0%, #10a6a0 70%, #87d8d0 100%);
	content: "";
}
body.login #login { width: min(100% - 32px, 420px); padding: clamp(56px, 9vh, 110px) 0 32px; }
body.login #login h1 { margin-bottom: 22px; }
body.login #login h1 a { width: min(100%, 250px); height: 84px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: contain; }
body.login.flux-login-text-logo #login h1 a { width: auto; height: auto; color: var(--flux-login-ink); background-image: none; font-size: 28px; font-weight: 750; line-height: 1.2; text-decoration: none; text-indent: 0; }
body.login #loginform, body.login #lostpasswordform, body.login #resetpassform, body.login #registerform {
	margin-top: 0;
	padding: 30px;
	border: 1px solid var(--flux-login-border);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 20px 60px rgba(28, 48, 94, .10), 0 3px 10px rgba(28, 48, 94, .04);
}
body.login #login .message, body.login #login .notice, body.login #login #login_error { margin: 0 0 16px; padding: 14px 16px; border-radius: 11px; border-right: 1px solid var(--flux-login-border); border-top: 1px solid var(--flux-login-border); border-bottom: 1px solid var(--flux-login-border); background: #fff; box-shadow: 0 4px 20px rgba(28, 48, 94, .04); }
body.login form p, body.login .user-pass-wrap { margin-bottom: 18px; }
body.login form label { color: var(--flux-login-ink); font-size: 13px; font-weight: 700; }
body.login form .input, body.login input[type="text"], body.login input[type="password"] { min-height: 47px; margin-top: 7px; padding: 9px 13px; border: 1px solid #c9d5e8; border-radius: 10px; background: #fbfcff; color: var(--flux-login-ink); box-shadow: none; }
body.login form .input:focus, body.login input[type="text"]:focus, body.login input[type="password"]:focus { border-color: var(--flux-login-blue); background: #fff; box-shadow: 0 0 0 3px rgba(49, 92, 246, .13); outline: none; }
body.login .button-primary { min-height: 43px; padding: 0 20px; border-color: #244ad7; border-radius: 10px; background: var(--flux-login-blue); font-weight: 700; box-shadow: 0 5px 12px rgba(49, 92, 246, .16); text-shadow: none; }
body.login .button-primary:hover, body.login .button-primary:focus { border-color: #183bb8; background: #244ad7; }
body.login #nav, body.login #backtoblog { margin: 17px 0 0; padding: 0 8px; text-align: center; }
body.login #nav a, body.login #backtoblog a { color: #456183; font-weight: 600; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: #244ad7; }
body.login .privacy-policy-page-link { margin-top: 30px; }
@media (max-width: 480px) {
	body.login #login { width: min(100% - 24px, 420px); padding-top: 56px; }
	body.login #loginform, body.login #lostpasswordform, body.login #resetpassform, body.login #registerform { padding: 23px; }
}