.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);color:white;padding:30px;text-align:center}.quiz-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.score-display{font-size:1.2rem;opacity:.9}.quiz-content{padding:40px}.question-counter{text-align:center;color:#666;margin-bottom:20px;font-size:1.1rem}.question-card{background:#f8f9fa;border-radius:15px;padding:30px;margin-bottom:30px;border-left:5px solid #4facfe}.question-text{font-size:1.4rem;line-height:1.6;margin-bottom:30px;color:#2c3e50}.answer-buttons{display:flex;gap:20px;justify-content:center}.answer-btn{padding:15px 40px;font-size:1.2rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;min-width:120px}.true-btn{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:white}.false-btn{background:linear-gradient(135deg,#ff6b6b,#ffa8a8);color:white}.answer-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.answer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback{margin-top:20px;padding:20px;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:600;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-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:15px;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.quiz-complete{text-align:center;padding:40px}.final-score{font-size:3rem;font-weight:700;color:#4facfe;margin:20px 0}.restart-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:white;border:none;padding:15px 40px;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}@media (max-width:768px){.quiz-container{margin:10px;border-radius:15px}.quiz-content{padding:20px}.answer-buttons{flex-direction:column;align-items:center}.answer-btn{width:100%;max-width:200px}}