/* Branded wp-login.php: gradient backdrop with a glass card. */
body.login {
	background: linear-gradient(135deg, #312e81 0%, #4f46e5 45%, #06b6d4 100%);
	min-height: 100vh;
	display: grid;
	place-items: center;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Bengali", "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
}
body.login #login { width: min(400px, 92vw); padding: 0; margin: 0; }
body.login h1 a {
	width: 100%; height: 72px; background-size: contain; background-position: center; background-repeat: no-repeat;
	color: #fff; text-indent: 0; font-size: 1.4rem; font-weight: 800; display: flex; align-items: center; justify-content: center; text-decoration: none; overflow: visible;
}
body.login form {
	background: rgba(255, 255, 255, .86);
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 20px;
	box-shadow: 0 24px 60px -20px rgba(15, 23, 42, .55);
	padding: 28px;
}
@supports (backdrop-filter: blur(1px)) { body.login form { backdrop-filter: blur(18px); } }
body.login .button-primary {
	background: linear-gradient(135deg, #4f46e5, #06b6d4); border: 0; border-radius: 999px;
	padding: 4px 22px; height: auto; line-height: 2.2; text-shadow: none; box-shadow: none; font-weight: 600;
}
body.login input[type=text], body.login input[type=password] { border-radius: 12px; border-color: #cbd5e1; }
body.login #backtoblog a, body.login #nav a { color: #fff; }
.login .message, .login .notice, .login #login_error { border-radius: 12px; }