.qtc-single {
	max-width: 860px;
	margin: 0 auto;
	padding: 40px 20px;
}

.qtc-hero { text-align: center; margin-bottom: 36px; }
.qtc-hero-img img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	display: block;
}
.qtc-title {
	margin: 24px 0 12px;
	font-size: 2rem;
}
.qtc-intro { color: #444; line-height: 1.6; }

.qtc-quiz-section {
	background: #f7f8fa;
	border-radius: 10px;
	padding: 28px;
}

.qtc-form h3 {
	margin: 0 0 14px;
	font-size: 1.15rem;
}

.qtc-lead-fields { margin-bottom: 28px; }
.qtc-lead-fields input {
	width: 100%;
	padding: 12px 14px;
	margin-bottom: 12px;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
	font-size: 1rem;
	box-sizing: border-box;
}

.qtc-q {
	background: #fff;
	border: 1px solid #e3e5e8;
	border-radius: 8px;
	padding: 18px 20px;
	margin-bottom: 16px;
}
.qtc-q-text {
	font-weight: 600;
	margin: 0 0 12px;
}
.qtc-opt {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 6px;
	cursor: pointer;
	transition: background .15s ease;
}
.qtc-opt:hover { background: #f0f4f8; }
.qtc-opt input { margin: 0; }

.qtc-submit {
	display: inline-block;
	background: #2271b1;
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 14px 32px;
	font-size: 1.05rem;
	cursor: pointer;
	transition: background .15s ease;
}
.qtc-submit:hover { background: #185a8f; }
.qtc-submit:disabled { opacity: .6; cursor: default; }

.qtc-error {
	display: none;
	color: #b32d2e;
	font-weight: 600;
	margin-top: 14px;
}

.qtc-result { display: none; }
.qtc-result-title { margin-top: 0; }

.qtc-course-card {
	display: flex;
	gap: 20px;
	background: #fff;
	border: 1px solid #e3e5e8;
	border-radius: 10px;
	padding: 20px;
	flex-wrap: wrap;
}
.qtc-course-img { flex: 0 0 200px; }
.qtc-course-img img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	display: block;
}
.qtc-course-body { flex: 1 1 260px; }
.qtc-course-name { margin: 0 0 6px; }
.qtc-course-price { color: #2271b1; font-weight: 600; margin-bottom: 8px; }
.qtc-course-text { color: #555; }

.qtc-enroll {
	display: inline-block;
	margin-top: 10px;
	background: #2271b1;
	color: #fff;
	padding: 12px 28px;
	border-radius: 6px;
	text-decoration: none;
}
.qtc-enroll:hover { background: #185a8f; color: #fff; }

.qtc-breakdown-title { margin: 26px 0 10px; }
.qtc-breakdown {
	list-style: none;
	margin: 0;
	padding: 0;
}
.qtc-breakdown li {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid #e3e5e8;
	border-radius: 6px;
	margin-bottom: 8px;
}
.qtc-bd-name { font-weight: 600; }

@media (max-width: 600px) {
	.qtc-course-img { flex-basis: 100%; }
}