body.login {
	background: #f8fafc;
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body.login #login {
	width: 380px;
	padding: 0;
}

body.login h1 {
	text-align: center;
	margin-bottom: 1.5rem;
}

body.login h1 a {
	background-image: none !important;
	width: auto;
	height: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: #16181d;
	text-indent: 0;
}

body.login h1 a::before {
	content: "";
	display: flex;
	height: 2rem;
	width: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
	background: #5a5df0;
}

body.login #loginform {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	box-shadow: 0 1px 2px rgba(22, 24, 29, 0.04), 0 8px 24px -12px rgba(22, 24, 29, 0.12);
	padding: 1.75rem 2rem;
}

body.login label {
	color: #16181d;
	font-size: 0.875rem;
	font-weight: 500;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border: 1px solid #e2e8f0;
	border-radius: 0.5rem;
	box-shadow: none;
	padding: 0.6rem 0.75rem;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: #5a5df0;
	box-shadow: 0 0 0 1px #5a5df0;
}

body.login .button-primary {
	background: #5a5df0;
	border: none;
	border-radius: 9999px;
	text-shadow: none;
	box-shadow: none;
	font-weight: 600;
	padding: 0.5rem 1.25rem;
	height: auto;
	line-height: 1.5;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #4640d6;
	border: none;
	box-shadow: none;
}

body.login #nav a,
body.login #backtoblog a {
	color: #5b6472;
	text-decoration: none;
	font-size: 0.875rem;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #5a5df0;
}

body.login .privacy-policy-page-link a {
	color: #5b6472;
}