.blog-quiz-container{overflow:hidden;padding:20px;border:1px solid #e9ecef;transition:all .3s ease;position:relative;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:16px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.blog-quiz-container:before{height:3px;right:0;content:"";position:absolute;top:0;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#ffc904,gold);left:0}.blog-quiz-container:hover{border-color:#ffc904;box-shadow:0 3px 12px rgba(0,0,0,.1)}.quiz-header{margin-bottom:18px;border-bottom:2px solid #ffc904;text-align:center;padding-bottom:12px}.quiz-title{font-size:22px;font-weight:800;margin-bottom:6px;color:#333;letter-spacing:.5px}.quiz-subtitle{font-size:15px;font-weight:500;color:#666}.quiz-progress{height:8px;overflow:hidden;position:relative;margin:15px 0;border-radius:10px;background:#f0f0f0}.quiz-progress-bar{height:100%;transition:width .3s ease;border-radius:10px;background:linear-gradient(90deg,#ffc904,gold);width:0}.quiz-progress-text{font-size:12px;color:#666;text-align:center;margin-top:5px;display:block}.quiz-question h4{font-size:18px;font-weight:700;color:#333;margin:0 0 18px;line-height:1.4}.quiz-options{margin-bottom:20px;flex-direction:column;gap:10px;display:flex}.quiz-option{padding:14px 18px;border:2px solid #e9ecef;transition:all .3s ease;align-items:center;border-radius:12px;background:#fff;cursor:pointer;display:flex}.quiz-option:hover{border-color:#ffc904;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,201,4,.2);background:#fff8e1}.quiz-option input[type=radio]{height:20px;accent-color:#ffc904;margin:0 16px 0 0;cursor:pointer;width:20px}.quiz-option .option-text{flex:1;font-size:16px;font-weight:600;color:#333;cursor:pointer;line-height:1.4}.quiz-option input[type=radio]:checked+.option-text{font-weight:700;color:#333}.quiz-option input[type=radio]:checked{transform:scale(1.1)}.quiz-option:has(input[type=radio]:checked){border-color:#ffc904;box-shadow:0 2px 8px rgba(255,201,4,.3);background:#fff3cd}.quiz-navigation{justify-content:center;gap:12px;align-items:center;margin-top:20px;display:flex}.quiz-nav-btn,.quiz-submit-btn{padding:12px 24px;font-size:14px;border:none;font-weight:700;color:#333;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 2px 6px rgba(255,201,4,.3);border-radius:12px;background:linear-gradient(135deg,#ffc904,gold);cursor:pointer;white-space:nowrap}.quiz-submit-btn{padding:16px 32px;font-size:16px;text-transform:uppercase;letter-spacing:1px;min-width:140px}.quiz-nav-btn:hover,.quiz-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,201,4,.4);background:linear-gradient(135deg,gold,#ffc904)}.quiz-nav-btn:active,.quiz-submit-btn:active{transform:translateY(0)}.quiz-nav-btn:disabled,.quiz-submit-btn:disabled{transform:none;opacity:.6;cursor:not-allowed}.quiz-result{animation:slideIn .5s ease;padding:20px;border:2px solid;text-align:center;border-radius:12px;margin-top:18px}.quiz-result.correct{border-color:#27ae60;color:#155724;background:#d4edda}.quiz-result.incorrect{border-color:#e74c3c;color:#721c24;background:#f8d7da}.quiz-final-results{text-align:center}.quiz-final-results h3{font-size:24px;color:#333;margin:0 0 20px}.score-display{margin:20px 0}.score-circle{height:120px;justify-content:center;border:4px solid #ffc904;flex-direction:column;margin:0 auto 20px;align-items:center;border-radius:50%;background:#fff8e1;width:120px;display:inline-flex}.score-percentage{font-size:28px;font-weight:800;color:#333;line-height:1}.score-text{font-size:12px;color:#666;margin-top:4px}.score-message{padding:15px;font-size:16px;font-weight:600;margin:20px 0;border-radius:8px}.score-message.success{border:2px solid #27ae60;color:#155724;background:#d4edda}.score-message.good{border:2px solid #ffc904;color:#856404;background:#fff3cd}.score-message.needs-improvement{border:2px solid #e74c3c;color:#721c24;background:#f8d7da}.quiz-back-to-results,.quiz-retry-btn,.quiz-review-btn{padding:12px 20px;font-size:14px;border:none;font-weight:600;color:#333;transition:all .3s ease;margin:8px;box-shadow:0 2px 6px rgba(255,201,4,.3);border-radius:8px;background:linear-gradient(135deg,#ffc904,gold);cursor:pointer}.quiz-back-to-results:hover,.quiz-retry-btn:hover,.quiz-review-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,201,4,.4);background:linear-gradient(135deg,gold,#ffc904)}.quiz-answer-review{text-align:left}.quiz-answer-review h3{margin-bottom:20px;color:#333;text-align:center}.review-item{padding:15px;border:2px solid #e9ecef;margin:15px 0;border-radius:12px;background:#f8f9fa}.review-item.correct{border-color:#27ae60;background:#d4edda}.review-item.incorrect{border-color:#e74c3c;background:#f8d7da}.review-question{font-weight:700;margin-bottom:10px;color:#333}.review-answers{font-size:14px}.review-answers .label{font-weight:600;color:#666}.review-answers .answer{font-weight:700;margin-left:5px}.review-answers .answer.correct{color:#155724}.review-answers .answer.incorrect{color:#721c24}.user-answer{margin-bottom:5px}.correct-answer{color:#155724}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.blog-quiz-container{padding:16px;margin:16px 0;border-radius:12px}.quiz-header{margin-bottom:16px;padding-bottom:12px}.quiz-title{font-size:20px;margin-bottom:6px}.quiz-subtitle{font-size:14px}.quiz-question h4{font-size:17px;margin-bottom:16px;line-height:1.4}.quiz-options{margin-bottom:20px;gap:10px}.quiz-option{padding:12px 14px;border-radius:10px}.quiz-option input[type=radio]{height:18px;margin:0 12px 0 0;width:18px}.quiz-option .option-text{font-size:15px;line-height:1.3}.quiz-nav-btn,.quiz-submit-btn{padding:10px 16px;font-size:13px;border-radius:10px}.quiz-submit-btn{letter-spacing:.5px;width:100%}.quiz-navigation{flex-direction:column;gap:8px}.score-circle{height:100px;width:100px}.score-percentage{font-size:24px}.quiz-result{padding:16px;font-size:15px;margin-top:16px}}@media (max-width:480px){.blog-quiz-container{padding:14px;margin:12px 0;border-radius:10px}.quiz-header{margin-bottom:14px;padding-bottom:10px}.quiz-title{font-size:18px;margin-bottom:4px;letter-spacing:.3px}.quiz-subtitle{font-size:13px;line-height:1.3}.quiz-question h4{font-size:16px;margin-bottom:14px;line-height:1.4}.quiz-options{margin-bottom:16px;gap:8px}.quiz-option{padding:10px 12px;border-radius:8px}.quiz-option input[type=radio]{height:16px;margin:0 10px 0 0;width:16px}.quiz-option .option-text{font-size:14px;line-height:1.3}.quiz-nav-btn,.quiz-submit-btn{padding:8px 14px;font-size:12px;letter-spacing:.3px;border-radius:8px}.score-circle{height:80px;width:80px}.score-percentage{font-size:20px}.quiz-result{padding:14px;font-size:14px;border-radius:8px;margin-top:14px}.review-item{padding:12px;margin:12px 0}}@media (max-width:320px){.blog-quiz-container{padding:12px;margin:8px 0;border-radius:8px}.quiz-header{margin-bottom:12px;padding-bottom:8px}.quiz-title{font-size:16px;margin-bottom:3px}.quiz-subtitle{font-size:12px}.quiz-question h4{font-size:15px;margin-bottom:12px}.quiz-options{margin-bottom:14px;gap:6px}.quiz-option{padding:8px 10px;border-radius:6px}.quiz-option input[type=radio]{height:14px;margin:0 8px 0 0;width:14px}.quiz-option .option-text{font-size:13px}.quiz-nav-btn,.quiz-submit-btn{padding:6px 12px;font-size:11px;border-radius:6px}.score-circle{height:70px;width:70px}.score-percentage{font-size:18px}.quiz-result{padding:12px;font-size:13px;border-radius:6px;margin-top:12px}}