/* Passport Marketing — Quiz Frontend Styles */

.pm-quiz-container {
	max-width: 640px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.pm-quiz-screen { display: none; }
.pm-quiz-screen.active { display: block; }

.pm-quiz-title { font-size: 28px; text-align: center; margin-bottom: 12px; }
.pm-quiz-desc { text-align: center; color: #666; font-size: 16px; margin-bottom: 24px; line-height: 1.6; }

.pm-quiz-btn {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 20px auto;
	padding: 14px 24px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #2D6A8A;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background .2s;
	text-decoration: none;
	text-align: center;
}
.pm-quiz-btn:hover { background: #1B3A4B; color: #fff; }

.pm-quiz-progress { height: 4px; background: #eee; border-radius: 2px; margin-bottom: 20px; overflow: hidden; }
.pm-quiz-progress-bar { height: 100%; background: #2D6A8A; transition: width .3s ease; border-radius: 2px; }

.pm-quiz-q-num { font-size: 13px; color: #999; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.pm-quiz-q-text { font-size: 22px; margin-bottom: 24px; line-height: 1.4; }

.pm-quiz-options { display: flex; flex-direction: column; gap: 10px; }
.pm-quiz-option {
	padding: 16px 20px;
	font-size: 15px;
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	text-align: left;
	transition: all .15s;
	line-height: 1.4;
}
.pm-quiz-option:hover { border-color: #2D6A8A; background: #f0f7fb; }
.pm-quiz-option.selected { border-color: #2D6A8A; background: #e8f0fe; font-weight: 500; }

.pm-quiz-capture { text-align: center; }
.pm-quiz-input {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 10px auto;
	padding: 12px 16px;
	font-size: 15px;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	outline: none;
	transition: border-color .2s;
}
.pm-quiz-input:focus { border-color: #2D6A8A; }
.pm-quiz-privacy { font-size: 12px; color: #999; margin-top: 12px; }

.pm-quiz-result { text-align: center; padding: 30px 0; }
.pm-quiz-result-title { font-size: 28px; color: #1B3A4B; margin-bottom: 16px; }
.pm-quiz-result-desc { font-size: 16px; color: #555; line-height: 1.7; margin-bottom: 24px; max-width: 500px; margin-left: auto; margin-right: auto; }

.pm-quiz-loading { text-align: center; padding: 60px 0; color: #999; font-size: 16px; }