.lp-progressive-form.is-loading .lp-progressive-form__form {
	opacity: 0.55;
	pointer-events: none;
}

/* Hide dynamic fields until /resolve finishes (belt-and-suspenders vs initial HTML flash). */
.lp-progressive-form.is-loading .lp-progressive-form__field[data-field-key]:not([data-field-key="FIRSTNAME"]):not([data-field-key="LASTNAME"]):not([data-field-key="EMAIL"]) {
	display: none;
}

.lp-progressive-form .lp-progressive-form__form {
	margin: 0;
}

.lp-progressive-form__fields {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.lp-progressive-form__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.lp-progressive-form__label {
	font-size: var(--lp-font-sm);
	font-weight: 600;
	line-height: 1.3;
	color: #0a2540;
}

.lp-progressive-form__label .required {
	color: #c0392b;
	margin-left: 2px;
}

.lp-progressive-form__input,
.lp-progressive-form__select {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #cfd6e0;
	border-radius: 6px;
	font-size: var(--lp-font);
	line-height: 1.4;
	color: #0a2540;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.lp-progressive-form__select {
	appearance: none;
	padding-right: 36px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235b6b7f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px 8px;
}

.lp-progressive-form__input:focus,
.lp-progressive-form__select:focus {
	outline: none;
	border-color: #00a99d;
	box-shadow: 0 0 0 3px rgba(0, 169, 157, 0.15);
}

.lp-progressive-form__input.is-invalid,
.lp-progressive-form__select.is-invalid {
	border-color: #c0392b;
}

.lp-progressive-form__error {
	font-size: var(--lp-font-xs);
	line-height: 1.4;
	color: #c0392b;
}

.lp-progressive-form__opt-in {
	margin-top: 14px;
}

.lp-progressive-form__checkbox-label {
	display: flex;
	align-items: flex-start;
	gap: var(--lp-space-2xs);
	font-size: var(--lp-font-sm);
	line-height: 1.45;
	color: #5b6b7f;
	cursor: pointer;
}

.lp-progressive-form__checkbox-label input {
	margin-top: 2px;
	flex: 0 0 auto;
}

.lp-progressive-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: var(--lp-space-sm);
	padding: 12px 16px;
	border: 0;
	border-radius: 6px;
	background: #00a99d;
	color: #fff;
	font-size: var(--lp-font);
	font-weight: 700;
	line-height: 1.3;
	cursor: pointer;
	transition: background 0.15s ease, opacity 0.15s ease;
}

.lp-progressive-form__submit:hover {
	background: #009187;
}

.lp-progressive-form__submit:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

.lp-progressive-form__status {
	margin-bottom: 14px;
	padding: 10px 12px;
	border-radius: 6px;
	font-size: var(--lp-font-md);
	line-height: 1.45;
	white-space: pre-line;
}

.lp-progressive-form__status.is-html {
	white-space: normal;
}

.lp-progressive-form__status.is-html h1,
.lp-progressive-form__status.is-html h2,
.lp-progressive-form__status.is-html h3 {
	margin: 0 0 8px;
	font-size: 1.15em;
	line-height: 1.3;
}

.lp-progressive-form__status.is-html p {
	margin: 0 0 8px;
}

.lp-progressive-form__status.is-html p:last-child {
	margin-bottom: 0;
}

.lp-progressive-form__status.is-success {
	background: #e8f7f5;
	color: #0a5c56;
}

.lp-progressive-form__status.is-error {
	background: #fdecea;
	color: #8a1f14;
}

.lp-progressive-form__status.is-info {
	background: #eef3f8;
	color: #0a2540;
}

.lp-progressive-form__download-wrap {
	margin: 0 0 14px;
}

.lp-progressive-form__download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 16px;
	border-radius: 6px;
	background: #0a2540;
	color: #fff;
	font-size: var(--lp-font);
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.15s ease, opacity 0.15s ease;
}

.lp-progressive-form__download:hover,
.lp-progressive-form__download:focus {
	background: #163a5f;
	color: #fff;
	text-decoration: none;
}

.lp-progressive-form.is-complete .lp-progressive-form__form {
	display: none;
}
