.quiz-page { max-width: 920px; }
.quiz-hero { background: linear-gradient(145deg, #0b2545, #1f4975); color: #fff; }
.quiz-hero__kicker { text-transform: uppercase; font-size: .8rem; letter-spacing: .08em; opacity: .85; }
.quiz-card { border-radius: 20px; }
.quiz-start-form { max-width: 520px; }

.quiz-auth-icons { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; }
.quiz-icon-btn { display: inline-flex; align-items: center; gap: .45rem; border-radius: 999px; }
.quiz-icon { font-size: 1rem; }

.quiz-answer { text-align: left; white-space: normal; }
.quiz-answer.is-correct { border-color: #198754; background: #d1e7dd; color: #0f5132; }
.quiz-answer.is-wrong { border-color: #dc3545; background: #f8d7da; color: #842029; }
.quiz-feedback { min-height: 24px; font-weight: 600; }

.quiz-start-form #googleAuthButton > div { width: 100% !important; }

#resultImagePreview { max-width: 360px; width: 100%; height: auto; }