.quiz-container{max-width:800px;margin:0 auto;background:white;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden}.quiz-header{background:linear-gradient(135deg,#4facfe,#00f2fe);padding:30px;text-align:center;color:white}.quiz-title{font-size:2.5rem;font-weight:700;margin:0 0 10px}.quiz-subtitle{font-size:1.1rem;opacity:.9;margin:0}.progress-section{padding:20px 30px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-counter{font-weight:600;color:#495057}.score{font-weight:600;color:#28a745;font-size:1.1rem}.progress-bar-container{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;transition:width .3s ease;width:0}.question-section{padding:40px 30px}.question{font-size:1.4rem;font-weight:600;margin-bottom:30px;line-height:1.5;color:#2c3e50}.options{display:grid;grid-gap:15px;gap:15px}.option{padding:18px 25px;border:2px solid #e9ecef;border-radius:12px;background:white;cursor:pointer;transition:all .3s ease;font-size:1.1rem;text-align:left}.option:hover{border-color:#4facfe;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(79,172,254,.2)}.option.selected{border-color:#4facfe;background:#4facfe;color:white}.option.correct{border-color:#28a745;background:#28a745;color:white}.option.incorrect{border-color:#dc3545;background:#dc3545;color:white}.option.disabled{cursor:not-allowed;opacity:.6}.feedback{margin-top:25px;padding:20px;border-radius:12px;font-weight:600;text-align:center;opacity:0;transform:translateY(10px);transition:all .3s ease}.feedback.show{opacity:1;transform:translateY(0)}.feedback.correct{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.feedback.incorrect{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.next-button{margin-top:25px;padding:15px 30px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:white;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(10px)}.next-button.show{opacity:1;transform:translateY(0)}.next-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(79,172,254,.3)}.results-section{text-align:center;padding:50px 30px;display:none}.results-section.show{display:block}.final-score{font-size:3rem;font-weight:700;color:#4facfe;margin-bottom:20px}.results-message{font-size:1.3rem;margin-bottom:30px;color:#495057}.restart-button{padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.3)}@media (max-width:768px){.quiz-container{margin:10px;border-radius:15px}.quiz-title{font-size:2rem}.question{font-size:1.2rem}.option{padding:15px 20px;font-size:1rem}}