body.login {
	min-height: 100vh;
	background:
		radial-gradient(ellipse at 85% 15%, #184967 0%, transparent 55%),
		linear-gradient(125deg, #0a1729, #102840);
	color: #11293e;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#login {
	width: min(24rem, calc(100% - 2.5rem));
	padding-top: clamp(3rem, 13vh, 8rem);
}

.login .wp-login-logo a {
	width: auto;
	height: auto;
	margin-bottom: 1.25rem;
	padding: .1rem .2rem;
	background: none;
	color: #e2fff9;
	font-size: clamp(1.8rem, 6vw, 2.45rem);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: 1.2;
	text-indent: 0;
}

.login form,
.login .message,
.login .notice {
	border: 0;
	border-radius: .75rem;
}

.login form {
	padding: 1.5rem;
	box-shadow: 0 1rem 2.75rem #03091655;
}

.login form .input {
	border-color: #8aa3b5;
	border-radius: .4rem;
}

.login .button-primary {
	border-color: #126579;
	border-radius: .4rem;
	background: #126579;
}

.login .button-primary:hover {
	border-color: #0a4f62;
	background: #0a4f62;
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
	color: #c6f5ef;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #fff;
}

.login a:focus-visible,
.login input:focus-visible,
.login button:focus-visible {
	outline: 2px solid #65c6c7;
	outline-offset: 3px;
}