/* Starter Kit Mailer – matches the reference design, transparent background */
.skm-form {
	display: flex;
	flex-direction: column;
	gap: 13px;
	width: 100%;
	max-width: 625px;
	margin: 0;
	padding: 0;
	background: transparent;
	box-sizing: border-box;
}
.skm-form *,
.skm-form *::before,
.skm-form *::after { box-sizing: border-box; }

.skm-form .skm-input {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 20px;
	font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 50px;
	color: #1f2937;
	background: #ffffff;
	border: 1px solid #5b6479;
	border-radius: 6px;
	box-shadow: none;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.skm-form .skm-input::placeholder { color: #9ca3af; opacity: 1; }
.skm-form .skm-input:focus {
	border-color: #0b2239;
	box-shadow: 0 0 0 3px rgba(11, 34, 57, .15);
}
.skm-form .skm-input.skm-invalid { border-color: #c62828; }

.skm-form .skm-btn {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 20px;
	font-family: "Poppins", "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 19px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	color: #ffffff;
	background: #0b2239;
	border: 0;
	border-radius: 25px;
	cursor: pointer;
	box-shadow: none;
	transition: background-color .15s ease;
}
.skm-form .skm-btn:hover { background: #14304f; color: #ffffff; }
.skm-form .skm-btn:focus-visible { outline: 3px solid #7aa7d6; outline-offset: 2px; }
.skm-form .skm-btn[disabled] { opacity: .7; cursor: wait; }

.skm-form .skm-msg {
	font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 15px;
	min-height: 0;
}
.skm-form .skm-msg:empty { display: none; }
.skm-form .skm-msg.skm-ok { color: #1b7f3b; }
.skm-form .skm-msg.skm-err { color: #c62828; }

.skm-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.skm-sr {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (max-width: 480px) {
	.skm-form .skm-input { font-size: 16px; }
	.skm-form .skm-btn { font-size: 16px; }
}