.quiz-container{max-width:900px;margin:0 auto;padding:40px;background:#ffffff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);border:2px solid #e5e7eb;margin-bottom:40px;}.quiz-selector h3{color:#1f2937;margin-bottom:20px;font-size:32px;text-align:center;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,0.1);}.quiz-selector p{text-align:center;color:#6b7280;margin-bottom:40px;font-size:18px;line-height:1.6;}.quiz-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;}.quiz-category-btn{display:flex;align-items:center;gap:20px;padding:28px;background:#ffffff;border:3px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all 0.4s ease;text-align:left;width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.05);position:relative;overflow:hidden;}.quiz-category-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);opacity:0;transition:opacity 0.4s ease;z-index:1;}.quiz-category-btn:hover::before{opacity:1;}.quiz-category-btn:hover{color:white;border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 20px 60px rgba(59,130,246,0.3);}.quiz-category-icon{font-size:40px;flex-shrink:0;z-index:2;position:relative;}.quiz-category-info{z-index:2;position:relative;}.quiz-category-info h4{margin:0 0 10px 0;font-size:20px;font-weight:700;color:#1f2937;}.quiz-category-info p{margin:0;font-size:15px;color:#6b7280;line-height:1.5;}.quiz-category-btn:hover .quiz-category-info h4,.quiz-category-btn:hover .quiz-category-info p{color:white;}.quiz-question-display{background:#ffffff;border-radius:16px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,0.1);}.quiz-header h3{color:#1f2937;margin-bottom:20px;font-size:24px;font-weight:700;}.quiz-progress{margin-bottom:30px;}.quiz-progress-text{display:block;text-align:center;color:#6b7280;font-size:16px;font-weight:600;margin-bottom:12px;}.quiz-progress-bar{width:100%;height:12px;background:#f3f4f6;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);}.quiz-progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;transition:width 0.5s ease;box-shadow:0 2px 8px rgba(59,130,246,0.3);}.quiz-question h4{color:#1f2937;margin-bottom:24px;font-size:20px;font-weight:600;line-height:1.5;}.quiz-options-grid{display:grid;gap:16px;margin-top:24px;}.quiz-option-btn{display:flex;align-items:center;padding:20px 24px;background:#ffffff;border:3px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all 0.3s ease;font-size:16px;text-align:left;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,0.05);position:relative;overflow:hidden;}.quiz-option-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);opacity:0;transition:opacity 0.3s ease;z-index:1;}.quiz-option-btn:hover:not(:disabled)::before{opacity:1;}.quiz-option-btn:hover:not(:disabled){border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 12px 40px rgba(59,130,246,0.2);}.quiz-option-btn:disabled{cursor:not-allowed;opacity:0.8;}.quiz-option-btn.correct{background:#10b981;color:white;border-color:#10b981;box-shadow:0 8px 32px rgba(16,185,129,0.4);}.quiz-option-btn.incorrect{background:#ef4444;color:white;border-color:#ef4444;box-shadow:0 8px 32px rgba(239,68,68,0.4);}.option-letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3f4f6;border-radius:50%;font-weight:700;font-size:16px;color:#374151;margin-right:20px;transition:all 0.3s ease;flex-shrink:0;z-index:2;position:relative;}.quiz-option-btn:hover:not(:disabled) .option-letter{background:rgba(255,255,255,0.2);color:white;}.quiz-option-btn.correct .option-letter,.quiz-option-btn.incorrect .option-letter{background:rgba(255,255,255,0.2);color:white;}.option-text{flex:1;z-index:2;position:relative;font-size:16px;font-weight:500;}.quiz-explanation{margin-top:24px;padding:24px;border-radius:16px;animation:slideIn 0.4s ease;}.explanation-content{padding:20px;border-radius:12px;border-left:6px solid;}.explanation-content.correct{background:#f0fdf4;border-left-color:#10b981;}.explanation-content.incorrect{background:#fef2f2;border-left-color:#ef4444;}.explanation-content h4{margin:0 0 12px 0;font-size:18px;font-weight:700;}.explanation-content p{margin:0;line-height:1.6;font-size:16px;}.quiz-results{text-align:center;padding:40px;background:#ffffff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);}.quiz-results h3{color:#1f2937;margin-bottom:30px;font-size:32px;font-weight:800;}.quiz-score{margin-bottom:40px;}.score-circle{display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;margin:0 auto 20px;font-size:28px;font-weight:bold;box-shadow:0 8px 32px rgba(59,130,246,0.3);}.score-number{font-size:42px;font-weight:900;}.score-total{font-size:20px;opacity:0.9;}.score-percentage{font-size:20px;color:#6b7280;margin:0;font-weight:600;}.quiz-feedback{margin:30px 0;padding:24px;background:#f8fafc;border-radius:16px;border-left:6px solid #3b82f6;font-size:18px;line-height:1.6;font-weight:500;}.quiz-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}.restart-quiz-btn,.new-quiz-btn{padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s ease;font-size:16px;font-weight:600;box-shadow:0 4px 16px rgba(59,130,246,0.3);}.restart-quiz-btn:hover,.new-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(59,130,246,0.4);}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0;}.stat-card{background:#ffffff;border:2px solid #e5e7eb;border-radius:16px;padding:24px 20px;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.08);}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);transform:scaleX(0);transition:transform 0.4s ease;}.stat-card:hover::before{transform:scaleX(1);}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(59,130,246,0.2);border-color:#3b82f6;}.stat-icon{font-size:40px;margin-bottom:16px;display:block;animation:pulse 2s ease-in-out infinite;}.stat-card h3{margin:0 0 16px 0;color:#1f2937;font-size:18px;font-weight:700;}.stat-value{font-size:32px;font-weight:800;color:#3b82f6;margin:16px 0;text-shadow:0 2px 8px rgba(59,130,246,0.3);}.stat-bar{background:#f3f4f6;border-radius:12px;height:8px;margin:16px 0;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);}.progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:100%;border-radius:12px;transition:width 2s ease;animation:progressAnimation 2.5s ease-out;box-shadow:0 2px 8px rgba(59,130,246,0.4);}.stat-card p{margin:0;color:#6b7280;font-size:14px;font-weight:500;}.points-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:1000;transform:translateX(100%);transition:transform 0.3s ease;max-width:300px;}.points-notification.show{transform:translateX(0);}.notification-content{display:flex;align-items:center;gap:8px;}.points{font-weight:700;font-size:18px;}.reason{font-size:14px;opacity:0.9;}.notification{position:fixed;top:110px;right:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#ffffff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:1000;transform:translateX(100%);transition:transform 0.3s ease;max-width:300px;border:2px solid rgba(255,255,255,0.12);}.notification.show{transform:translateX(0);}.notification-content{display:flex;align-items:center;gap:10px;}.notification-icon{font-size:18px;}.notification-text{font-size:14px;font-weight:600;}@media (max-width:768px){.notification{top:100px;right:10px;left:10px;max-width:none;width:calc(100% - 20px);}}@keyframes slideIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}@keyframes progressAnimation{from{width:0%;}to{width:var(--progress-width);}}@media (max-width:768px){.quiz-container{padding:24px;margin:20px;}.quiz-selector h3{font-size:24px;}.quiz-categories{grid-template-columns:1fr;}.quiz-category-btn{padding:20px;}.quiz-category-icon{font-size:32px;}.activity-stats{grid-template-columns:repeat(2,1fr);gap:16px;}.stat-card{padding:20px 16px;}.stat-icon{font-size:32px;}.stat-value{font-size:28px;}.quiz-actions{flex-direction:column;align-items:center;}.restart-quiz-btn,.new-quiz-btn{width:100%;max-width:250px;}.points-notification{right:20px;left:20px;max-width:none;}}