.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:#ff12d8;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:bold}
@media(max-width:700px){.quiz-options{grid-template-columns:1fr}}