/* wp-login.php — match FLD /app login (split feel within WP markup) */

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

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

body.login #login h1 a {
	background-image: none;
	background-size: auto;
	width: auto;
	height: auto;
	text-indent: 0;
	font-weight: 700;
	font-size: 1.35rem;
	margin-bottom: 24px;
	color: #111827;
	text-decoration: none;
}

body.login #loginform,
body.login #lostpasswordform {
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	padding: 24px;
}

body.login .button-primary,
body.login.wp-core-ui .button-primary {
	background: #4f46e5;
	border-color: #4f46e5;
	border-radius: 8px;
	text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus,
body.login.wp-core-ui .button-primary:hover {
	background: #4338ca;
	border-color: #4338ca;
}

body.login input[type="text"],
body.login input[type="password"] {
	border-radius: 8px;
	border-color: #e5e7eb;
}

@media (min-width: 960px) {
	body.login {
		display: flex;
		min-height: 100vh;
		align-items: stretch;
	}

	body.login::after {
		content: "";
		flex: 1;
		background: #0f172a linear-gradient(135deg, rgba(79, 70, 229, 0.45) 0%, rgba(15, 23, 42, 0.92) 100%);
		min-height: 100vh;
	}

	body.login #login {
		flex: 0 0 50%;
		max-width: 50%;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 48px 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}