.dqp-ui-quiz{max-width:700px;margin:30px auto;font-family:'Segoe UI',Arial,sans-serif}.quiz-ui{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 30%,#2ebd6e 60%,#1a8a4a 100%);border-radius:24px;padding:40px 30px 35px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgb(30 120 60 / .25)}.quiz-ui::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:rgb(255 255 255 / .12);border-radius:50%;z-index:0}.quiz-ui::after{content:'';position:absolute;bottom:-50px;left:-30px;width:200px;height:200px;background:rgb(0 80 30 / .15);border-radius:50%;z-index:0}.quiz-blob-extra{position:absolute;top:40%;right:-20px;width:120px;height:120px;background:rgb(255 255 255 / .08);border-radius:50%;z-index:0}.quiz-ui .quiz-deco-crosses{position:absolute;top:15px;right:20px;font-size:14px;color:rgb(255 255 255 / .35);letter-spacing:4px;z-index:0}.progress-wrap{display:flex;justify-content:center;gap:8px;margin-bottom:25px;position:relative;z-index:1}.progress-dot{width:12px;height:12px;border-radius:50%;background:rgb(255 255 255 / .4);transition:background 0.3s}.progress-dot.active{background:#fff}.progress-dot.done{background:#ffd600}.quiz-question-bubble{background:#fff;border:3px solid #222;border-radius:18px;padding:35px 25px 25px;position:relative;text-align:center;margin-bottom:30px;z-index:1}.quiz-question-bubble::after{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid #fff0;border-right:18px solid #fff0;border-top:18px solid #fff;z-index:2}.quiz-question-bubble::before{content:'';position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:21px solid #fff0;border-right:21px solid #fff0;border-top:21px solid #222;z-index:1}.quiz-qmark{position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:56px;height:56px;background:#ffd600;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#222;box-shadow:0 4px 12px rgb(0 0 0 / .15);z-index:3}.quiz-qmark::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid #fff0;border-right:8px solid #fff0;border-top:8px solid #ffd600}.quiz-question{font-size:20px;font-weight:700;color:#222!important;margin:0;line-height:1.4}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px;position:relative;z-index:1}.quiz-option{background:#fff;border:none;border-radius:50px;padding:12px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.25s ease;font-size:16px;font-weight:600;color:#333;box-shadow:0 2px 8px rgb(0 0 0 / .08);position:relative;overflow:hidden}.quiz-option:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(0 0 0 / .15)}.quiz-option .opt-letter{min-width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0}.quiz-option:nth-child(1) .opt-letter{background:#2ebd6e}.quiz-option:nth-child(2) .opt-letter{background:#38b6ff}.quiz-option:nth-child(3) .opt-letter{background:#ff9f43}.quiz-option:nth-child(4) .opt-letter{background:#ee5a6f}.quiz-option .opt-text{flex:1;text-align:left}.quiz-option input{display:none}.quiz-option .radio{display:none}.quiz-option.selected{background:#ffd600;transform:scale(1.03);box-shadow:0 4px 16px rgb(255 214 0 / .4)}.quiz-option.selected .opt-letter{background:#222!important}.quiz-option.correct{background:#2ecc71!important;color:#fff!important}.quiz-option.correct .opt-letter{background:#fff!important;color:#2ecc71!important}.quiz-option.correct .opt-text{color:#fff}.quiz-option.wrong{background:#e74c3c!important;color:#fff!important}.quiz-option.wrong .opt-letter{background:#fff!important;color:#e74c3c!important}.quiz-option.wrong .opt-text{color:#fff}.quiz-next{display:block;margin:25px auto 0;padding:14px 60px;background:#ffd600;border:3px solid #222;border-radius:50px;font-size:18px;font-weight:800;color:#222;cursor:pointer;transition:all 0.2s;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}.quiz-next:hover{background:#ffeb3b;transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .2)}.result-box{max-width:520px;margin:40px auto;padding:40px;border-radius:24px;text-align:center;position:relative;z-index:1}.result-box h2{font-size:32px;margin-bottom:10px}.result-box p{font-size:18px;margin:8px 0}.result-box.pass{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);color:#1a4a2e;border:3px solid #222}.result-box.fail{background:linear-gradient(135deg,#ff6b6b 0%,#ffa07a 100%);color:#4a1a1a;border:3px solid #222}.apply-btn{display:inline-block;margin-top:20px;padding:14px 30px;background:#ffd600;color:#222;border:3px solid #222;border-radius:50px;text-decoration:none;font-size:18px;font-weight:800;transition:all 0.2s}.apply-btn:hover{background:#ffeb3b;transform:translateY(-2px)}.retry-btn{padding:14px 30px;background:#ffd600;color:#222;border:3px solid #222;border-radius:50px;font-size:18px;font-weight:800;cursor:pointer;transition:all 0.2s}.retry-btn:hover{background:#ffeb3b;transform:translateY(-2px)}.welcome{font-size:20px;font-weight:700}@media (max-width:700px){.quiz-options{grid-template-columns:1fr}.quiz-ui{padding:35px 15px 25px;border-radius:16px}.quiz-question-bubble{padding:30px 15px 20px}.quiz-question{font-size:17px}.quiz-next{padding:12px 40px;font-size:16px}}.quiz-question-bubble h2.quiz-question{color:#222!important}.quiz-question-bubble{color:#222!important}.quiz-option .opt-text{color:#333!important}.quiz-option.selected .opt-text{color:#222!important}.quiz-next{color:#222!important}.result-box h2{color:inherit!important}.result-box p{color:inherit!important}