.quiz-container{font-family:Archivo,sans-serif;margin:30px auto 50px;max-width:1140px;padding:0 15px}.quiz-card,.quiz-container{box-sizing:border-box;width:100%}.quiz-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:30px;padding:30px}.quiz-question{color:#0d1b2a;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:20px;margin-top:0}.quiz-options{display:flex;flex-direction:column;gap:12px}.option-btn{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;box-sizing:border-box;color:#495057;cursor:pointer;font-size:15px;line-height:1.4;padding:16px 20px;text-align:left;transition:all .2s ease-in-out;width:100%}.option-btn:hover{background-color:#e9ecef;border-color:#ced4da;color:#212529}.option-btn.selected-wrong{background-color:#ffe3e3;border-color:#fa5252;color:#c92a2a;font-weight:600}.option-btn.selected-correct{background-color:#e6fcf5;border-color:#12b886;color:#0b7285;font-weight:600}.feedback-box{animation:quizFadeIn .3s ease-in-out;border-radius:12px;box-sizing:border-box;display:none;font-size:14px;line-height:1.5;margin-top:20px;padding:16px}.feedback-box.show-wrong{background-color:#fff5f5;border-left:5px solid #fa5252;color:#c92a2a;display:block}.feedback-box.show-correct{background-color:#e6fcf5;border-left:5px solid #12b886;color:#0b7285;display:block}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:992px){.quiz-container{margin:20px auto 40px!important;padding:0!important;width:100%!important}.quiz-card{border-radius:20px;margin:0 20px 24px!important;padding:24px 20px;width:auto!important}}@media screen and (max-width:768px){.quiz-card{margin-bottom:20px!important;margin-left:20px!important;margin-right:20px!important;padding:20px 16px!important;width:auto!important}.quiz-question{font-size:16px;margin-bottom:14px}.option-btn{border-radius:10px;font-size:14px;padding:12px 14px}.feedback-box{font-size:13px;padding:12px}}