.quiz-page{padding-top:0;padding-bottom:0}.quiz-header{text-align:center;margin-bottom:40px}.quiz-title{color:var(--color-text-dark);margin-bottom:10px;font-size:2.5rem;font-weight:700}.quiz-subtitle{color:var(--color-text-light);font-size:1.1rem}.quiz-list-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:0;display:grid}.quiz-list-card{background-color:var(--color-bg-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.quiz-list-card:hover{box-shadow:var(--shadow-card);border-color:var(--color-primary);transform:translateY(-5px)}.quiz-card-content{flex-direction:column;height:100%;padding:25px;display:flex}.quiz-card-content h3{color:var(--color-text-dark);margin-bottom:15px;font-size:1.8rem;font-weight:800}.quiz-card-content p{color:var(--color-text-light);flex-grow:1;margin-bottom:25px;line-height:1.5}.quiz-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;display:flex}.question-count{color:var(--color-primary);background-color:#a904321a;border-radius:20px;padding:4px 10px;font-size:.9rem;font-weight:600}.start-quiz-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.start-quiz-btn:hover{background-color:#8a0328}.back-btn{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:1rem;font-weight:500;transition:color .2s}.back-btn:hover{color:var(--color-primary)}.quiz-card-wrapper{justify-content:center;align-items:center;display:flex}.quiz-card{background-color:var(--color-bg-light);border-radius:var(--radius-lg);width:100%;max-width:700px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);flex-direction:column;min-height:450px;padding:40px;display:flex}.quiz-progress-container{margin-bottom:30px}.quiz-progress-info{color:var(--color-text-light);justify-content:space-between;margin-bottom:8px;font-size:.95rem;font-weight:600;display:flex}.quiz-progress-bar{background-color:var(--color-bg-alt);border-radius:10px;width:100%;height:8px;overflow:hidden}.quiz-progress-fill{background-color:var(--color-primary);border-radius:10px;height:100%;transition:width .5s ease-in-out}.question-section{background:var(--color-bg-light);border:2px solid var(--color-primary);border-radius:var(--radius-lg);text-align:center;box-sizing:border-box;justify-content:center;align-items:center;height:140px;margin-bottom:32px;padding:25px 30px 0;display:flex;position:relative;box-shadow:0 10px 25px #a904321a}.question-section:before{content:"?";background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;font-weight:900;display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #a904324d}.question-text{color:var(--color-text-dark);width:100%;margin:0;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;line-height:1.4}.answer-section{flex-direction:column;flex-grow:1;gap:15px;display:flex}.answer-btn{background-color:var(--color-bg-light);width:100%;color:var(--color-text-dark);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;font-family:inherit;transition:all .2s;display:flex}.answer-content{align-items:center;gap:15px;display:flex}.answer-letter{background-color:var(--color-bg-alt);width:30px;height:30px;color:var(--color-text-light);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.answer-text{text-align:left;font-size:1.1rem;font-weight:500}.answer-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:#a9043208}.answer-btn:hover:not(:disabled) .answer-letter{background-color:var(--color-primary);color:#fff}.answer-btn.correct{color:#155724;background-color:#28a7451a;border-color:#28a745}.answer-btn.correct .answer-letter{color:#fff;background-color:#28a745}.answer-btn.incorrect{color:#721c24;background-color:#dc35451a;border-color:#dc3545}.answer-btn.incorrect .answer-letter{color:#fff;background-color:#dc3545}.answer-btn.disabled{opacity:.6;cursor:not-allowed}.result-icon.success{color:#28a745}.result-icon.error{color:#dc3545}.score-section{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;height:100%;display:flex}.score-icon{color:var(--color-yellow);margin-bottom:20px}.score-title{color:var(--color-text-dark);margin-bottom:15px;font-size:2.2rem;font-weight:700}.score-box{background-color:var(--color-bg-alt);border-radius:var(--radius-lg);align-items:baseline;gap:5px;margin-bottom:20px;padding:15px 30px;display:flex}.score-number{color:var(--color-primary);font-size:3.5rem;font-weight:800;line-height:1}.score-total{color:var(--color-text-light);font-size:1.5rem;font-weight:600}.score-message{color:var(--color-text-dark);margin-bottom:30px;font-size:1.2rem}.score-actions{gap:15px;display:flex}.quiz-restart-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:10px;padding:12px 24px;font-size:1.05rem;font-weight:600;transition:background-color .3s,transform .2s;display:flex}.quiz-restart-btn:hover{background-color:#8a0328;transform:translateY(-2px)}.quiz-restart-btn.secondary{background-color:var(--color-bg-alt);color:var(--color-text-dark);border:1px solid var(--color-border)}.quiz-restart-btn.secondary:hover{background-color:var(--color-border);color:var(--color-text-dark)}@media screen and (max-width:960px){.quiz-list-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.quiz-card{padding:25px}.quiz-title{font-size:2rem}.question-text{font-size:1.3rem}.answer-btn{padding:12px 15px}.score-title{font-size:1.8rem}.quiz-list-grid{grid-template-columns:1fr}}
