.qf {
	max-width: 560px;
	margin: 0 auto;
	background: var(--qf-bg, #fff);
	border-radius: var(--qf-radius, 20px);
	padding: 40px;
	box-shadow: var(--qf-shadow, 0 10px 30px rgba(15, 23, 42, 0.07));
	text-align: left;
}
.qf__title {
	margin: 0 0 12px;
	font-size: 26px;
	font-weight: 800;
	text-align: center;
}
.qf__intro {
	margin: 0 0 28px;
	text-align: center;
	color: var(--qf-muted, #55607a);
}
.qf__row { margin-bottom: 18px; }
.qf__row label {
	display: block;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 6px;
}
.qf__required {
	color: #b3261e;
	font-weight: 700;
}
.qf__row input,
.qf__row select,
.qf__row textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--qf-border, #e6e9f0);
	border-radius: 8px;
	font-size: 15px;
	font-family: inherit;
	box-sizing: border-box;
}
.qf__row textarea { min-height: 110px; resize: vertical; }

.qf__submit {
	width: 100%;
	padding: 15px 28px;
	border: none;
	border-radius: 8px;
	background: var(--qf-accent, #3667d8);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: opacity 0.15s ease;
}
.qf__submit:hover { opacity: 0.9; }

.qf__notice {
	padding: 14px 18px;
	border-radius: 8px;
	margin-bottom: 24px;
	font-size: 15px;
}
.qf__notice--success { background: #e5f6ec; color: #1a7f4b; }
.qf__notice--error { background: #fdeceb; color: #b3261e; }

.qf__field-error {
	margin: 6px 0 0;
	font-size: 13px;
	color: #b3261e;
}
/* Only flag a field red after the visitor has actually left it (added via
   JS on blur) — never on page load, before they've had a chance to type. */
.qf__row.is-touched input:invalid { border-color: #b3261e; }