/* Sanamist enrollment form (home page). Fonts match the site: Montserrat headings, Outfit body. */

/* Self-host the Outfit typeface (same family Google Fonts serves) so it renders
   on the front page without an external request. */
@font-face {
	font-family: "Outfit";
	src: url("../fonts/Outfit-VariableFont_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* Apply Outfit across the home page's text (this stylesheet is enqueued only on
   the front page). Icons are left alone — their font-family lives on the icon
   element / ::before, which these selectors don't touch. */
body.home,
body.home h1, body.home h2, body.home h3, body.home h4, body.home h5, body.home h6,
body.home p, body.home li, body.home blockquote,
body.home input, body.home select, body.home textarea, body.home button {
	font-family: "Outfit", Arial, sans-serif !important;
}

.sanamist-enroll {
	background: #f4f9fc;
	padding: 56px 20px;
	scroll-margin-top: 80px;
}

.sanamist-enroll__inner {
	max-width: 620px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #d6eaf8;
	border-radius: 16px;
	padding: 36px 32px;
	box-shadow: 0 10px 30px rgba(26, 82, 118, 0.08);
}

.sanamist-enroll__title {
	font-family: "Outfit", Arial, sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.1;
	margin: 0 0 8px;
	color: #1a5276;
	text-align: center;
}

.sanamist-enroll__lead {
	font-family: "Outfit", Arial, sans-serif;
	text-align: center;
	color: #5d6d7e;
	margin: 0 0 28px;
	font-size: 16px;
}

.sanamist-enroll__field {
	margin-bottom: 22px;
}

.sanamist-enroll__field > label,
.sanamist-enroll__label {
	display: block;
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #1c2833;
	margin-bottom: 8px;
}

.sanamist-enroll__form textarea,
.sanamist-enroll__form input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 16px;
	padding: 12px 14px;
	border: 1px solid #aecfe0;
	border-radius: 10px;
	background: #fbfdff;
	color: #1c2833;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.sanamist-enroll__form textarea:focus,
.sanamist-enroll__form input[type="email"]:focus {
	outline: none;
	border-color: #2e86c1;
	box-shadow: 0 0 0 3px rgba(46, 134, 193, 0.18);
}

.sanamist-enroll__form textarea {
	resize: vertical;
	min-height: 96px;
}

.sanamist-enroll__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sanamist-enroll__choice {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 15px;
	color: #1c2833;
	padding: 10px 16px;
	border: 1px solid #aecfe0;
	border-radius: 10px;
	background: #fbfdff;
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s;
}

.sanamist-enroll__choice:hover {
	border-color: #2e86c1;
}

.sanamist-enroll__choice input {
	accent-color: #2e86c1;
	margin: 0;
}

.sanamist-enroll__form input[type="file"] {
	font-family: "Outfit", Arial, sans-serif;
	font-size: 14px;
	color: #5d6d7e;
}

.sanamist-enroll__submit {
	display: inline-block;
	width: 100%;
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: #fff;
	background: linear-gradient(135deg, #2e86c1, #1a5276);
	border: none;
	border-radius: 12px;
	padding: 15px 24px;
	cursor: pointer;
	transition: transform 0.08s, box-shadow 0.15s, opacity 0.15s;
}

.sanamist-enroll__submit:hover {
	box-shadow: 0 8px 20px rgba(26, 82, 118, 0.28);
}

.sanamist-enroll__submit:active {
	transform: translateY(1px);
}

.sanamist-enroll__submit[disabled] {
	opacity: 0.6;
	cursor: default;
}

.sanamist-enroll__status {
	margin: 16px 0 0;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 15px;
	text-align: center;
	min-height: 1.2em;
}

.sanamist-enroll__status.is-error {
	color: #c0392b;
}

.sanamist-enroll__status.is-success {
	color: #1e8449;
	font-weight: 600;
}