:root{
	--bs-brand-primary:#6b74ff;
	--bs-brand-accent:#ffd166;
	--bs-brand-deep:#1a2b49;
	--bs-surface:#ffffff;
	--bs-surface-2:#f5f7fb;
	--bs-shadow:0 12px 32px rgba(0,0,0,0.18);
}

body.login{
	background: linear-gradient(180deg, rgba(17,24,39,var(--bs-login-overlay,.88)), rgba(17,24,39,var(--bs-login-overlay,.88))), var(--bs-login-bg) center/cover no-repeat fixed;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#login{
	width: 360px;
	padding: 24px 24px 32px 24px;
	background: var(--bs-surface);
	border-radius: var(--bs-card-radius,16px);
	box-shadow: var(--bs-shadow);
	margin: 5vh auto 4vh;
}

.login h1 a{
	background-image: var(--bs-login-logo);
	width: 160px;
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 8px auto 8px auto;
}

.login form{
	border: none;
	box-shadow: none;
	padding: 0;
	background: transparent;
}

.login form .input, .login input[type="text"], .login input[type="password"]{
	border-radius: 10px;
	border: 1px solid #e6e8ef;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
	padding: 12px 12px;
}

.login .button-primary{
	background: var(--bs-brand-primary);
	border-color: var(--bs-brand-primary);
	box-shadow: 0 8px 18px rgba(107,116,255,.35);
	color: #fff;
	border-radius: 10px;
	padding: 8px 12px;
	height: auto;
	text-shadow: none;
}
.login .button-primary:hover{
	background: #5b64f5;
	border-color: #5b64f5;
}

.login #backtoblog, .login #nav{
	text-align: center;
	margin: 10px 0 0 0;
}
.login #nav a, .login #backtoblog a{
	color: #e6e9ff;
}

/* Optionally hide links using a helper class injected via PHP when enabled */
.bs-login-hide-links #backtoblog, .bs-login-hide-links #nav{ display:none !important; }

/* Hide WP marks */
.login .privacy-policy-page-link{ display:none; }

/* Mobile */
@media (max-width: 480px){
	#login{ width: calc(100% - 32px); margin: 6vh 16px; padding: 20px; }
	.login h1 a{ width: 140px; height: 72px; }
}