.login-body {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding-top: 0.5rem;
	background: linear-gradient(135deg, rgba(0, 35, 156, 1) 0%, rgba(228, 0, 43, 1) 100%);
}

.login-container {
	background: white;
	padding: 2rem;
	border-radius: 0.5rem;
	box-shadow: 0 0.6rem 1.8rem rgba(0,0,0,0.2);
	max-width: 29rem;
	width: 90%;
	text-align: center;
}
	.login-container h3, .login-container h4 {
		font-family: DaxlinePro, 'Mercury Display';
	}

	.login-container header img {
		margin: 0rem 0 1.3rem 0;
		content: url('../images/logo_ea.png')
	}

	.login-welcome-text {
		color: #666;
		margin: 1.5rem 0rem;
		line-height: 1.6;
	}

@media (min-width: 576px) {
	.login-container header img {
		content: url('../images/logo_ea_250.png')
	}
}

.login-button {
	background: #00239C;
	color: white;
	border: none;
	padding: 0.6rem 2rem;
	font-size: 1.0rem;
	border-radius: 0.25rem;
	cursor: pointer;
	transition: background 0.3s ease;
	text-decoration: none;
	display: inline-block;
}

	.login-button:hover {
		background: #307FE2;
	}

.login-info-text {
	margin: 1.5rem 1rem 0rem;
	color: #999;
	font-size: 0.9em;
}

.login-error-text {
	color: red;
}