body.login {
	background-color: #f2f2f2;
	background-image: url("../img/login-pattern.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	color: #000;
	--wp-admin-theme-color: #ff4332;
	--wp-admin-theme-color--rgb: 255, 67, 50;
	--wp-admin-theme-color-darker-10: #e63525;
	--wp-admin-theme-color-darker-20: #c42d1f;
}

.login h1 a {
	background-image: url("../img/cu-lockup.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 320px;
	height: 71px;
	margin: 0 auto 16px;
}

#loginform {
	border: 1px solid #cccccc;
	border-radius: 12px;
	box-shadow: none;
	background: #fff;
	padding: 26px 24px;
	margin-top: 8px;
}

.login label,
.login .input,
.login form .input {
	font-family: inherit;
	color: #000;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	border-color: #cccccc;
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
	padding: 8px 12px;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #ff4332;
	box-shadow: 0 0 0 1.5px #ff4332;
}

.wp-core-ui .button-primary {
	background: #b6ecec;
	border-color: transparent;
	border-radius: 8px;
	color: #000;
	text-shadow: none;
	box-shadow: none;
	font-weight: 600;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:active {
	background: #9ee0e0;
	border-color: transparent;
	color: #000;
	text-shadow: none;
}

.wp-core-ui .button-primary:focus {
	box-shadow: 0 0 0 1.5px #ff4332, inset 0 0 0 1px #fff;
}

.login #nav,
.login #backtoblog {
	padding: 0 4px;
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a,
.login .language-switcher label {
	color: #000;
}

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

.login .message,
.login .success,
.login .notice,
.login #login_error {
	border-radius: 8px;
	border-left-width: 4px;
	color: #000;
	background: #fff;
}

.login .message,
.login .success {
	border-left-color: #b6ecec;
}

.login #login_error,
.login .notice-error {
	border-left-color: #e63525;
}

.wp-core-ui .button-primary:focus-visible {
	box-shadow: 0 0 0 1.5px #ff4332, inset 0 0 0 1px #fff;
}

#login {
	padding: 6% 0 0;
}

@media (prefers-reduced-motion: reduce) {
	.login .shake {
		animation: none;
	}
}