.quiz-ui{max-width:800px;margin:30px auto;text-align:center;font-family:Arial}.quiz-question{font-size:26px;margin:20px 0}.progress-wrap{height:10px;background:#ddd;border-radius:20px;overflow:hidden;margin-bottom:25px}.progress-bar{height:10px;background:#c45ac1;transition:.4s}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quiz-option{background:#003c53;color:#fff;padding:8px 25px;font-size:25px;border-radius:100px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:bolder}.quiz-option input{display:none}.radio{width:22px;height:22px;border:2px solid #fff;border-radius:50%}.quiz-option.selected .radio{background:#fff;box-shadow:inset 0 0 0 6px #0f2f44}.quiz-option.correct{background:#2ecc71!important}.quiz-option.wrong{background:#e74c3c!important}.quiz-next{margin-top:30px;padding:12px 52px;border:none;border-radius:100px;background:#ff0100;font-size:26px;color:#fff}.result-box{max-width:520px;margin:40px auto;padding:30px;border-radius:20px}.result-box.pass{background:#eafaf1}.result-box.fail{background:#fdecea}.apply-btn{display:inline-block;margin-top:20px;padding:14px 30px;background:#28a745;color:#fff;border-radius:10px;text-decoration:none;font-size:18px}.retry-btn{padding:14px 30px;background:#c45ac1;color:#fff;border:none;border-radius:10px;font-size:18px}.welcome{font-size:20px;font-weight:700}@media(max-width:700px){.quiz-options{grid-template-columns:1fr}}