.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px}.quiz-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:20px;background:rgba(255,255,255,0.98)}.quiz-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.2)}.quiz-card h2{color:#2c3e50;font-size:1.5rem;margin-bottom:15px;font-weight:600}.quiz-description{color:#4a5568;font-size:1rem;line-height:1.5;margin-bottom:20px;margin-top:10px}.start-button{display:block;width:100%;text-align:center;padding:10px;background-color:#0056B3;color:white;text-decoration:none;border-radius:4px;transition:background-color 0.3s}.start-button:hover{background-color:#0056b3}.quiz-progress{margin-top:1rem;width:100%}.quiz-progress-bar{width:100%;height:6px;background-color:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:0.5rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#2980b9);width:0%;transition:width 0.4s ease-in-out;border-radius:10px}.quiz-progress-text{display:flex;justify-content:space-between;font-size:0.9rem;color:#666}.progress-score{color:#155C8E;font-weight:600}.intro-text{font-size:1.1rem;line-height:1.6;color:#4a5568;margin-bottom:1rem}.quiz-categories h2{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;font-weight:600}.quiz-footer{margin-top:auto}@media screen and (max-width:768px){.container h1{font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.container>p{font-size:0.95rem;margin-bottom:1.5rem}.quiz-grid{gap:20px;padding:10px}.intro-text{font-size:1rem;margin-bottom:1.5rem}.quiz-categories h2{font-size:1.4rem;margin-bottom:1rem}}@media screen and (max-width:480px){.container h1{font-size:1.3rem}}#quiz{background-color:rgba(255,255,255,0.98);border-radius:30px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);position:relative;min-height:500px}#question{font-size:1.4rem;margin-bottom:2rem;color:#2c3e50;font-weight:500;line-height:1.5;padding:0 10px}.choice{display:block;width:100%;padding:18px 25px;margin:15px 0;background-color:white;border:2px solid #e2e8f0;border-radius:15px;cursor:pointer;transition:all 0.4s ease;font-size:1.1rem;font-weight:500;color:#2c3e50;position:relative;overflow:hidden}.choice:hover{background-color:#f8fafc;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:#3498db}.choice::before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,#007bff,#2c3e50);transform:scaleY(0);transition:transform 0.3s ease}.choice:hover::before{transform:scaleY(1)}.selected{background-color:#007bff;color:white;border-color:#007bff;transform:translateY(-3px);box-shadow:0 8px 25px rgba(52,152,219,0.3)}.selected:hover{background-color:#2980b9}#submit,#next{display:block;width:100%;padding:18px;border:none;border-radius:15px;cursor:pointer;margin-top:2rem;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;transition:all 0.4s ease;position:relative;overflow:hidden}#submit{background:linear-gradient(135deg,#007bff,#2c3e50);color:white}#next{background:linear-gradient(135deg,#2c3e50,#007bff);color:white}#submit:hover,#next:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(44,62,80,0.3)}#score{text-align:center;padding:10px;background:white;border-radius:20px;animation:fadeIn 0.5s ease}#score h2{color:#2c3e50;font-size:2.5rem;margin-bottom:30px;font-weight:700}.score-details{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:40px}.score-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#007bff,#2c3e50);display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;box-shadow:0 10px 30px rgba(52,152,219,0.3)}#scoreNumber{font-size:2.5rem;font-weight:bold}.score-text{font-size:1.2rem;opacity:0.9}.score-stats{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.stat{background:rgba(52,152,219,0.1);padding:15px 25px;border-radius:15px;display:flex;flex-direction:column;align-items:center;min-width:200px}.stat-label{color:#2c3e50;font-size:0.9rem;margin-bottom:5px}.stat span:last-child{color:#007bff;font-size:1.8rem;font-weight:700}.score-actions{display:flex;gap:20px;justify-content:center;margin-top:30px;flex-wrap:wrap}.restart-button,.menu-button{padding:15px 30px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;cursor:pointer;font-size:1rem;width:100%;max-width:300px;text-align:center}.restart-button{background:linear-gradient(135deg,#007bff,#2c3e50);color:white;border:none}.menu-button{background:white;color:#2c3e50;border:2px solid #2c3e50;text-decoration:none}.restart-button:hover,.menu-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.menu-button:hover{background:#2c3e50;color:white}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.popup-overlay.active{opacity:1;visibility:visible}.popup{background:white;padding:30px;border-radius:20px;text-align:center;max-width:400px;width:90%;transform:translateY(20px);transition:all 0.3s ease;box-shadow:0 15px 30px rgba(0,0,0,0.2)}.popup-overlay.active .popup{transform:translateY(0)}.popup h3{color:#2c3e50;font-size:1.5rem;margin-bottom:15px}.popup p{color:#4a5568;margin-bottom:20px;line-height:1.5}.popup-button{background:linear-gradient(135deg,#007bff,#2c3e50);color:white;border:none;padding:12px 25px;border-radius:12px;cursor:pointer;font-weight:600;transition:all 0.3s ease}.popup-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,0.3)}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.choice:disabled{opacity:0.7;cursor:not-allowed;transform:none}.choice.selected:disabled{opacity:1;transform:translateY(-3px)}.hide{display:none!important}@media screen and (max-width:768px){.container{padding-top:0}#quiz{margin-top:0}.score-actions{flex-direction:column;align-items:center}.restart-button,.menu-button{width:100%;max-width:none;margin:5px 0}}@media screen and (max-width:480px){#quiz{padding:20px}}.score-message{text-align:center;font-size:1.2rem;margin-top:1.5rem;color:var(--text-primary);font-weight:500}.progress-container{margin-bottom:1rem;background:rgba(255,255,255,0.1);padding:1.2rem;border-radius:12px;border:1px solid rgba(52,152,219,0.2)}.progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.8rem;color:#2c3e50}.progress-current{font-weight:600;font-size:1.1rem}.progress-percentage{font-weight:500;color:#373BF1;font-size:1rem}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#2980b9);transition:width 0.4s ease-in-out;border-radius:10px;box-shadow:0 1px 3px rgba(52,152,219,0.3)}.quiz-header{display:flex;align-items:center;margin-bottom:1rem;gap:2rem}.quiz-header h1{margin:0;font-size:1.5rem;color:#2c3e50;flex-grow:1}.back-button{display:flex;align-items:center;gap:0.5rem;padding:0.8rem 1.2rem;background:white;border:1px solid #e2e8f0;border-radius:12px;color:#2c3e50;text-decoration:none;font-weight:500;transition:all 0.3s ease}.back-button:hover{background:#f8fafc;transform:translateX(-5px);box-shadow:0 2px 10px rgba(0,0,0,0.1)}.back-icon{font-size:1.2rem;line-height:1}@media screen and (max-width:768px){.quiz-header{flex-direction:column;align-items:flex-start;gap:1rem}.quiz-header h1{font-size:1.3rem}.back-button{font-size:0.9rem}}.feedback{margin-top:25px;padding:20px;border-radius:15px;text-align:center;font-size:1.0rem;font-weight:500;animation:fadeIn 0.4s ease;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.feedback.correct{background-color:rgba(72,187,120,0.1);color:#2f855a;border:2px solid #48bb78}.feedback.incorrect{background-color:rgba(245,101,101,0.1);color:#c53030;border:2px solid #f56565}.feedback-popup{max-width:500px;width:90%}.feedback-popup .feedback{margin:0 0 10px 0;box-shadow:none}.feedback-popup .explanation{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,0.1);font-size:0.95rem;color:#4a5568;line-height:1.5}#feedbackOverlay .popup-button{width:100%;margin-top:10px;background:linear-gradient(135deg,#007bff,#2c3e50)}#feedbackOverlay .popup-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,0.3)}.quiz-description{margin-top:40px;padding:25px 30px;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:all 0.3s ease}.quiz-description h2{font-size:1.5em;margin-bottom:20px;color:#2c3e50;font-weight:600;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.quiz-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.quiz-info-item{padding:15px;background-color:#f8fafc;border-radius:6px}.quiz-info-item:first-child{grid-column:1 / -1}.info-label{display:block;font-size:1.2em;font-weight:600;color:#2c3e50;margin-bottom:12px}.quiz-info-item p{font-size:1.1em;line-height:1.6;color:#4a5568}.quiz-info-item ul{list-style:none;padding:0;margin:0}.quiz-info-item ul li{font-size:1.1em;line-height:1.6;color:#4a5568;margin-bottom:8px;padding-left:20px;position:relative}.quiz-info-item ul li::before{content:"•";position:absolute;left:0;color:#3498db}.quiz-description:hover{box-shadow:0 4px 6px rgba(0,0,0,0.1)}@media screen and (max-width:768px){.quiz-info{grid-template-columns:1fr;gap:15px}}.exam-banner{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0056B3 0%,#2980b9 100%);color:#fff;border-radius:12px;padding:24px 28px;margin:24px 0;box-shadow:0 6px 16px rgba(0,86,179,0.18)}.exam-banner-content{flex:1;min-width:260px}.exam-banner-badge{display:inline-block;background:rgba(255,255,255,0.2);color:#fff;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;padding:3px 10px;border-radius:12px;margin-bottom:8px}.exam-banner h2{color:#fff;margin:0 0 8px;font-size:1.4rem;line-height:1.3}.exam-banner p{margin:0;line-height:1.5;color:rgba(255,255,255,0.95)}.exam-banner-cta{display:inline-block;background:#fff;color:#0056B3;padding:14px 26px;border-radius:8px;font-weight:700;text-decoration:none;transition:transform 0.15s,box-shadow 0.2s;white-space:nowrap}.exam-banner-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,0.2)}.exam-banner--alt{background:linear-gradient(135deg,#6f42c1 0%,#9b59b6 100%);box-shadow:0 6px 16px rgba(111,66,193,0.18)}.exam-banner--alt .exam-banner-cta{color:#6f42c1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hide{display:none!important}.exam-start{background:rgba(255,255,255,0.98);border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:32px;margin-top:24px}.exam-start-inner{max-width:680px;margin:0 auto;text-align:center}.exam-start h2{color:#0056B3;margin-bottom:16px}.exam-rules{text-align:left;margin:24px 0;padding-left:24px;line-height:1.7;color:#4a5568}.exam-rules strong{color:#2c3e50}.exam-disclaimer{font-size:0.9rem;color:#6c757d;font-style:italic;margin-top:16px}.exam-cta{display:inline-block;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color 0.2s,transform 0.15s,box-shadow 0.2s}.exam-cta--primary{background-color:#0056B3;color:#fff;font-size:1.1rem;padding:14px 32px}.exam-cta--primary:hover{background-color:#003d80;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,86,179,0.25)}.exam-cta--secondary{background-color:#f1f3f5;color:#2c3e50;border:1px solid #ced4da}.exam-cta--secondary:hover:not(:disabled){background-color:#e9ecef}.exam-cta--secondary:disabled{opacity:0.4;cursor:not-allowed}.exam-cta--submit{background-color:#c0392b;color:#fff}.exam-cta--submit:hover{background-color:#962d22}.exam-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e3e6ea;border-radius:8px;padding:12px 16px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.exam-timer{display:inline-flex;align-items:center;gap:8px;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;color:#0056B3;background:#eef4fc;padding:6px 14px;border-radius:6px}.exam-timer--urgent{color:#c0392b;background:#fdecea;animation:exam-pulse 1s infinite}@keyframes exam-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}.exam-counter{color:#4a5568;font-size:1rem}.exam-counter strong{color:#2c3e50;font-size:1.1rem}.exam-progress{width:100%;height:6px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:16px}.exam-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#007bff,#2980b9);transition:width 0.4s ease-in-out;border-radius:10px}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin-bottom:24px}.exam-grid-cell{width:100%;aspect-ratio:1 / 1;border:1px solid #ced4da;background:#fff;border-radius:6px;font-size:0.85rem;font-weight:600;color:#4a5568;cursor:pointer;transition:background-color 0.15s,border-color 0.15s}.exam-grid-cell:hover{background:#e9ecef}.exam-grid-cell.answered{background:#d4edda;border-color:#28a745;color:#1e7e34}.exam-grid-cell.current{outline:2px solid #0056B3;outline-offset:1px}.exam-question-block{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.exam-theme{display:inline-block;background:#eef4fc;color:#0056B3;font-size:0.85rem;font-weight:600;padding:4px 10px;border-radius:4px;margin-bottom:12px}.exam-question{font-size:1.3rem;color:#2c3e50;margin:0 0 20px;line-height:1.4}.exam-choices{display:flex;flex-direction:column;gap:10px}.exam-choice{display:block;width:100%;text-align:left;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;padding:12px 16px;font-size:1rem;color:#2c3e50;cursor:pointer;transition:background-color 0.15s,border-color 0.15s}.exam-choice:hover{background:#e9ecef;border-color:#adb5bd}.exam-choice.selected{background:#d6e4f5;border-color:#0056B3;color:#003d80}.exam-nav{display:flex;gap:12px;justify-content:space-between}.exam-results{margin-top:24px}.exam-results h2{color:#0056B3}.exam-results-summary{display:flex;gap:32px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:24px;margin:16px 0 32px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.exam-results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;flex:1;min-width:240px}.exam-results-stats .stat{display:flex;flex-direction:column;gap:4px}.exam-results-stats .stat-label{font-size:0.85rem;color:#6c757d}.exam-results-stats .stat strong{font-size:1.2rem;color:#2c3e50}.verdict-good{color:#1e7e34!important}.verdict-ok{color:#b3801f!important}.verdict-low{color:#c0392b!important}.exam-themes{display:flex;flex-direction:column;gap:12px;margin:16px 0 32px}.exam-theme-row{background:#fff;border:1px solid #e3e6ea;border-radius:8px;padding:12px 16px}.exam-theme-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.exam-theme-head h4{margin:0;font-size:1.05rem;color:#2c3e50}.exam-theme-score{font-weight:600;color:#0056B3}.exam-theme-bar{background:#e9ecef;border-radius:10px;overflow:hidden;height:6px;margin:8px 0}.exam-theme-bar-fill{background:linear-gradient(90deg,#007bff,#2980b9);height:100%;border-radius:10px}.exam-theme-link{font-size:0.9rem;color:#0056B3;text-decoration:none}.exam-theme-link:hover{text-decoration:underline}.exam-correction{padding-left:0;list-style:none;counter-reset:corr;display:flex;flex-direction:column;gap:16px}.exam-correction-item{background:#fff;border:1px solid #e3e6ea;border-left:4px solid #6c757d;border-radius:8px;padding:16px 20px;counter-increment:corr}.exam-correction-item.is-correct{border-left-color:#28a745}.exam-correction-item.is-wrong{border-left-color:#c0392b}.exam-correction-question{font-weight:600;color:#2c3e50;margin-bottom:8px}.exam-correction-question::before{content:counter(corr) ". ";color:#6c757d}.exam-correction-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:0.85rem;margin-bottom:8px}.exam-correction-theme{color:#0056B3;background:#eef4fc;padding:2px 8px;border-radius:4px}.exam-correction-status{font-weight:600}.exam-correction-answers{color:#4a5568;margin-bottom:8px;line-height:1.5}.exam-correction-answers>div + div{margin-top:4px}.exam-correction-explanation{background:#f8f9fa;border-radius:6px;padding:10px 12px;margin:0;color:#2c3e50;font-size:0.95rem;line-height:1.5}.exam-results-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.popup-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.popup-button--ghost{background:#f1f3f5;color:#2c3e50}.popup-button--ghost:hover{background:#e9ecef}@media (max-width:640px){.exam-toolbar{flex-direction:column;align-items:stretch}.exam-timer{justify-content:center;font-size:1.4rem}.exam-counter{text-align:center}.exam-results-stats{grid-template-columns:1fr}}