.ciac-test-wrap {
	--ciac-orange: #FF9900;
	--ciac-orange-dark: #E08600;
	--ciac-blue: #008BCE;
	--ciac-blue-dark: #03699C;
	--ciac-ink: #0B2436;
	--ciac-ink-soft: #4C6478;
	--ciac-mist: #F2F8FC;
	--ciac-line: #DCEAF3;

	font-family: 'Poppins', sans-serif;
	max-width: 720px;
	margin: 0 auto;
	background: #ffffff;
	border: 1px solid var(--ciac-line);
	border-radius: 16px;
	padding: 40px;
	box-shadow: 0 20px 50px -25px rgba(11, 36, 54, 0.25);
	color: var(--ciac-ink);
}

.ciac-test-header { text-align: center; margin-bottom: 32px; }
.ciac-eyebrow {
	display: inline-block;
	font-size: 12px; font-weight: 600; letter-spacing: 0.16em;
	color: var(--ciac-blue);
	margin-bottom: 10px;
}
.ciac-test-header h2 { font-size: 28px; font-weight: 700; margin: 0 0 10px; color: var(--ciac-ink); }
.ciac-test-header p { color: var(--ciac-ink-soft); font-size: 14px; line-height: 1.6; margin: 0; }

.ciac-step { display: none; }
.ciac-step-active { display: block; }

.ciac-field { margin-bottom: 18px; }
.ciac-field-row { display: flex; gap: 16px; }
.ciac-field-row .ciac-field { flex: 1; }
.ciac-field label { display: block; font-size: 13px; font-weight: 600; color: var(--ciac-ink); margin-bottom: 6px; }
.ciac-field .req { color: var(--ciac-orange-dark); }
.ciac-field input[type="text"],
.ciac-field input[type="email"],
.ciac-field input[type="number"],
.ciac-field select {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--ciac-line);
	border-radius: 8px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: var(--ciac-ink);
	background: #fff;
	box-sizing: border-box;
}
.ciac-field input:focus, .ciac-field select:focus, .ciac-written-input:focus {
	outline: none;
	border-color: var(--ciac-blue);
	box-shadow: 0 0 0 3px rgba(0,139,206,0.12);
}

.ciac-btn {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 14px;
	border: none;
	border-radius: 999px;
	padding: 13px 28px;
	cursor: pointer;
	transition: transform 0.1s ease, opacity 0.15s ease;
}
.ciac-btn-primary { background: var(--ciac-orange); color: #fff; }
.ciac-btn-primary:hover { background: var(--ciac-orange-dark); }
.ciac-btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }
.ciac-btn:active { transform: scale(0.98); }

.ciac-error {
	color: #D8503A;
	font-size: 13px;
	margin: 10px 0;
	display: none;
}
.ciac-error.ciac-show { display: block; }

.ciac-question {
	padding: 22px 0;
	border-bottom: 1px solid var(--ciac-line);
}
.ciac-question:first-child { padding-top: 0; }
.ciac-q-num {
	font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
	color: var(--ciac-blue); margin: 0 0 6px;
}
.ciac-q-text { font-size: 16px; font-weight: 600; color: var(--ciac-ink); margin: 0 0 14px; line-height: 1.4; }

.ciac-options { display: flex; flex-direction: column; gap: 10px; }
.ciac-option {
	display: flex; align-items: center; gap: 10px;
	padding: 12px 14px;
	border: 1px solid var(--ciac-line);
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	background: var(--ciac-mist);
	transition: border-color 0.15s ease, background 0.15s ease;
}
.ciac-option:hover { border-color: var(--ciac-blue); }
.ciac-option input[type="radio"] { accent-color: var(--ciac-blue); width: 16px; height: 16px; flex: none; }

.ciac-written-input {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--ciac-line);
	border-radius: 8px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: var(--ciac-ink);
	box-sizing: border-box;
	resize: vertical;
}

.ciac-thankyou { text-align: center; padding: 30px 10px; }
.ciac-thankyou-icon {
	width: 60px; height: 60px; border-radius: 50%;
	background: var(--ciac-blue); color: #fff;
	font-size: 28px; line-height: 60px;
	margin: 0 auto 18px;
}
.ciac-thankyou h3 { font-size: 22px; font-weight: 700; margin: 0 0 10px; color: var(--ciac-ink); }
.ciac-thankyou p { color: var(--ciac-ink-soft); font-size: 14px; line-height: 1.6; max-width: 440px; margin: 0 auto; }

.ciac-closed-notice {
	max-width: 560px; margin: 0 auto;
	background: #F2F8FC; border: 1px solid var(--ciac-line);
	border-radius: 12px; padding: 30px; text-align: center;
	font-family: 'Poppins', sans-serif; color: var(--ciac-ink-soft);
}

.ciac-result-card {
	margin-top: 22px;
	padding: 20px 22px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.6;
	border: 1px solid var(--ciac-line);
	background: var(--ciac-mist);
	color: var(--ciac-ink-soft);
}
.ciac-result-name { font-weight: 600; color: var(--ciac-ink); margin: 0 0 6px; font-size: 15px; }
.ciac-result-score { font-size: 22px; font-weight: 700; color: var(--ciac-ink); margin: 0 0 4px; }
.ciac-result-label { font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; }

.ciac-result-pass { background: #E6F7EF; border-color: #BEE9D3; }
.ciac-result-pass .ciac-result-label { color: #1FA971; }
.ciac-result-fail { background: #FBEAE6; border-color: #F1C6BB; }
.ciac-result-fail .ciac-result-label { color: #D8503A; }
.ciac-result-pending { color: var(--ciac-ink-soft); }

@media (max-width: 600px) {
	.ciac-test-wrap { padding: 24px; border-radius: 0; }
	.ciac-field-row { flex-direction: column; gap: 0; }
}