html { scroll-behavior: smooth; }
.quiz-option { transition: all 0.2s; cursor: pointer; }
.quiz-option:hover { background: #f2f4f6; }
.quiz-option.selected { background: #003366; color: white; }
.quiz-option.correct { background: #d4edda; border: 2px solid #28a745; }
.quiz-option.wrong { background: #ffdad6; border: 2px solid #ba1a1a; }
.mobile-menu { display: none; }
.mobile-menu.open { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
main { animation: fadeIn 0.25s ease-out; }