/*	Styles for login.php */

body {
	margin: 0;
	background: #f5f2ec;
	color: #2a2a28;
	font: 16px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

a { color: #4a6fa5; }

.login {
	max-width: 380px;
	margin: 0 auto;
	padding: 24px 16px 48px;
}

.login-banner { display: block; max-width: 100%; height: auto; margin: 0 auto 20px; }

.login h1 { font: 600 26px/1.2 Georgia, "Times New Roman", serif; margin: 0 0 16px; }

.login-msg {
	background: #f7e6e4; border: 1px solid #e6c2bd; color: #a23b3b;
	border-radius: 8px; padding: 8px 12px;
}

.login form {
	display: flex; flex-direction: column; gap: 14px;
	background: #fff; border: 1px solid #e3ded4; border-radius: 10px; padding: 18px;
	box-shadow: 0 1px 2px rgba(40, 30, 10, .06), 0 2px 8px rgba(40, 30, 10, .06);
}

.login label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; color: #77736b; }

/*	16px text stops iPhones zooming in on the fields */
.login input {
	font: inherit; font-size: 16px; color: #2a2a28;
	padding: 10px 12px; border: 1px solid #cfc9bd; border-radius: 8px;
}

.login button {
	font: inherit; font-weight: 600; cursor: pointer;
	padding: 11px; border-radius: 8px;
	border: 1px solid #4a6fa5; background: #4a6fa5; color: #fff;
}

.login-help { text-align: center; font-size: 14px; }