.quiz-container{margin:0 auto;max-width:900px;padding:20px}form#quizForm{background:transparent;border:0;padding:0}.quiz-container h1{color:#562e8d;font-size:34px;margin-bottom:18px;text-align:center}.quiz-container .question{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.16);margin-bottom:20px;padding:20px}.quiz-container .question h3{color:#000;font-size:21px;margin-bottom:15px}.quiz-container .option{border:1px solid #ddd;border-radius:8px;cursor:pointer;display:block;margin-bottom:8px;padding:10px 15px;transition:.3s}.quiz-container .option:hover{background:#f0ebfa;border-color:#562e8d}.quiz-container input[type=radio]{margin-right:10px}.quiz-container .submit-btn{background:#e07425;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:18px;padding:15px;width:100%}.quiz-container .submit-btn:hover{background:#c95f1d}.quiz-container .result{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:none;margin-top:30px;padding:25px}.quiz-container .result h2{color:#562e8d;font-size:26px}div#result p{margin-bottom:12px}.quiz-container .result ul{margin:0 0 13px;padding-left:8px}.quiz-container .result ul li p{margin-bottom:0!important}.quiz-container .result ul li{margin:0 8px}.quiz-container .tag{color:#e07425;font-weight:700}@media(max-width:768px){.quiz-container{padding:5px}.quiz-container .question{padding:10px}}.quiz-container .next-btn{background:#562e8d;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;opacity:.5;padding:10px 20px}.quiz-container .next-btn:enabled{opacity:1}.quiz-container .next-btn:hover:enabled{background:#3e2068}.progress-wrap{margin-bottom:20px}.progress-bar{background:#eee;border-radius:10px;height:10px;overflow:hidden;width:100%}.progress-fill{background:#e07425;height:100%;transition:.3s ease;width:0}.progress-text{color:#562e8d;font-size:14px;font-weight:600;margin-top:5px;text-align:right}