/* Logged-out page 765 only. PMS keeps every field, URL, message and handler. */
.h5project-login-ui #content {
	background: #f3f7fc;
	color: #17324f;
}

.h5project-login-ui #content .ast-container {
	width: 100%;
	max-width: 1128px;
	margin-inline: auto;
	padding-inline: 24px;
	padding-block-end: 64px;
	box-sizing: border-box;
}

.h5project-login-ui #content #primary {
	width: 100%;
	min-width: 0;
	margin-block: 0;
}

.h5project-login-ui #content .ast-article-single {
	padding: 0;
	background: transparent;
}

.h5project-login-ui #content .entry-content {
	width: 100%;
	min-width: 0;
}

/* Replace only the legacy presentation observed in the saved page-765 render. */
.h5project-login-ui #content .entry-content > h1.wp-block-heading,
.h5project-login-ui #content .entry-content > .wp-block-group > p.wp-block-paragraph,
.h5project-login-ui #content .entry-content .dashboard-button {
	display: none;
}

.h5project-login-ui #content .entry-content > .wp-block-group {
	width: 100%;
	max-width: none;
	padding-inline: 0;
}

.h5project-login-ui #content .h5project-login-page-header {
	max-width: 540px;
	margin: 0 auto 28px;
	padding: 40px 0 0 !important;
	box-sizing: border-box;
}

.h5project-login-ui #content .h5project-login-page-header :is(h1, p) {
	font-family: "Momo Trust Display", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-synthesis: none;
}

.h5project-login-ui #content .h5project-login-page-header h1 {
	margin: 0;
	color: #17324f;
	font-size: clamp(2.25rem, 3.2vw, 2.625rem);
	line-height: 1.1;
}

.h5project-login-ui #content .h5project-login-page-header p {
	margin-block: 12px 0;
	color: #52667d;
	font-size: 1.05rem;
	line-height: 1.45;
}

.h5project-login-ui #content .h5project-login-page-accent {
	display: block;
	width: 108px;
	height: 3px;
	margin-block-start: 18px;
	border-radius: 3px;
	background: linear-gradient(90deg, #245bc4, #8953b8, #cf6b9b);
}

.h5project-login-ui #content .h5project-login-card {
	width: 100%;
	max-width: 540px;
	margin-inline: auto;
	padding: 28px;
	box-sizing: border-box;
	border: 1px solid #d6e1ee;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 4px 18px rgba(28, 55, 90, 0.05);
	font-family: "Open Sans", sans-serif;
}

/* Neutralize the old generic auth-card/gradient styling on this form only. */
.h5project-login-ui #content form#pms_login.pms-form {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-family: "Open Sans", sans-serif;
}

.h5project-login-ui #content form#pms_login.pms-form::before,
.h5project-login-ui #content form#pms_login.pms-form::after {
	content: none;
	display: none;
}

.h5project-login-ui #content #pms_login :is(.login-username, .login-password, .login-submit) {
	margin: 0 0 20px;
}

.h5project-login-ui #content #pms_login :is(.login-username, .login-password) label {
	display: block;
	margin-block-end: 7px;
	color: #28415e;
	font-family: "Open Sans", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
}

.h5project-login-ui #content #pms_login :is(#user_login, #user_pass) {
	width: 100%;
	min-height: 48px;
	padding: 11px 12px;
	box-sizing: border-box;
	border: 1px solid #a6b9d0;
	border-radius: 8px;
	background: #fff;
	color: #17324f;
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	box-shadow: none;
}

.h5project-login-ui #content #pms_login .login-remember {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	margin: 0 0 16px;
}

.h5project-login-ui #content #pms_login #rememberme {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #173b91;
}

.h5project-login-ui #content #pms_login .login-remember label {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 0;
	color: #344f70;
	font-family: "Open Sans", sans-serif;
	font-size: 0.9375rem;
	font-weight: 400;
}

.h5project-login-ui #content form#pms_login.pms-form #wp-submit {
	display: block;
	width: 100%;
	max-width: none;
	min-height: 48px;
	margin: 0;
	padding: 11px 18px;
	box-sizing: border-box;
	border: 1px solid #173b91;
	border-radius: 9px;
	background: #173b91;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	box-shadow: none;
	transform: none;
	filter: none;
	transition: none;
}

.h5project-login-ui #content form#pms_login.pms-form #wp-submit:hover {
	background: #214b9e;
	border-color: #214b9e;
}

.h5project-login-ui #content #pms_login .login-extra {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 16px;
	margin: 0;
}

.h5project-login-ui #content #pms_login .login-extra .separator {
	display: none;
}

.h5project-login-ui #content :is(#pms_login .login-extra a, .h5project-login-signup a) {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #173b91;
	font-family: "Open Sans", sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	text-underline-offset: 3px;
}

.h5project-login-ui #content #pms_login .login-extra .lostpassword {
	order: -1;
}

.h5project-login-ui #content .h5project-login-signup {
	margin: 20px 0 0;
	color: #52667d;
	font-size: 0.9375rem;
}

.h5project-login-ui #content :is(.pms-login-error, .pms-form-errors-wrapper, .pms_field-errors-wrapper) {
	margin: 0 0 20px;
	padding: 14px 16px;
	border: 1px solid #d6a1a9;
	border-radius: 10px;
	background: #fff3f4;
	color: #8c2433;
	font-family: "Open Sans", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.h5project-login-ui #content :is(.pms_success-messages-wrapper p, .pms-alert) {
	padding: 14px 16px;
	border: 1px solid #9dc8b4;
	border-radius: 10px;
	background: #edf8f2;
	color: #18553a;
	font-family: "Open Sans", sans-serif;
	line-height: 1.5;
}

.h5project-login-ui #content :is(a, input, button, select, textarea):focus-visible {
	outline: 3px solid #175fbc;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.h5project-login-ui #content .ast-container {
		padding-inline: 16px;
		padding-block-end: 40px;
	}

	.h5project-login-ui #content .h5project-login-page-header {
		padding-block-start: 28px !important;
	}

	.h5project-login-ui #content .h5project-login-page-header h1 {
		font-size: 2rem;
	}

	.h5project-login-ui #content .h5project-login-card {
		padding: 22px 18px;
	}
}