.ims-contact-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	border-radius: 16px;
	padding: 36px;
}

.ims-contact-form input,
.ims-contact-form textarea {
	width: 100%;
	padding: 13px 14px;
	border-radius: 8px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 14px;
}

.ims-contact-form textarea {
	resize: vertical;
}

.ims-contact-form .ims-contact-form__submit {
	padding: 14px;
	border: none;
	border-radius: 8px;
	background: #c8a951;
	color: #1a2a4a;
	font-family: 'Montserrat', -apple-system, sans-serif;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ims-contact-form .ims-contact-form__submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(200, 169, 81, 0.35);
}

/* On dark background: glassy inputs */
.ims-contact-form.on-dark {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.ims-contact-form.on-dark input,
.ims-contact-form.on-dark textarea {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
}

.ims-contact-form.on-dark input::placeholder,
.ims-contact-form.on-dark textarea::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

/* On light background */
.ims-contact-form.on-light {
	background: #f0f4f8;
	border: 1px solid #e0e6ef;
}

.ims-contact-form.on-light input,
.ims-contact-form.on-light textarea {
	background: #ffffff;
	border: 1px solid #dbe2ea;
	color: #1a2a4a;
}