/* v5.12 updated */

/* ===== NO ANSWER ERROR ===== */
.dqp-no-answer-error{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 4px;padding:12px 18px;background:linear-gradient(135deg,#ff4444,#cc0000);color:#fff;font-weight:700;font-size:clamp(14px,1.5vw,17px);border-radius:10px;text-align:center;box-shadow:0 4px 14px rgba(255,68,68,.4);animation:dqpErrorFadeIn .25s ease both;letter-spacing:.3px}
@keyframes dqpErrorFadeIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dqpErrorShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(8px)}45%{transform:translateX(-6px)}60%{transform:translateX(6px)}75%{transform:translateX(-4px)}90%{transform:translateX(4px)}}
.dqp-no-answer-error.dqp-error-shake{animation:dqpErrorShake .55s cubic-bezier(.36,.07,.19,.97) both}
.quiz-options.dqp-options-shake .quiz-option{animation:dqpErrorShake .5s cubic-bezier(.36,.07,.19,.97) both}
.quiz-options.dqp-options-shake .quiz-option:nth-child(1){animation-delay:.02s}
.quiz-options.dqp-options-shake .quiz-option:nth-child(2){animation-delay:.04s}
.quiz-options.dqp-options-shake .quiz-option:nth-child(3){animation-delay:.06s}
.quiz-options.dqp-options-shake .quiz-option:nth-child(4){animation-delay:.08s}
/* ========= DYNAMIC QUIZ SETS PRO – UI v5 ========= */
.dqp-ui-quiz{box-sizing:border-box;width:100%}

/* ===== QUESTION ===== */
.dqp-ui-quiz .quiz-question,.quiz-ui .quiz-question{font-size:clamp(18px,2.4vw,26px)!important;font-weight:800!important;color:#1a1a2e!important;line-height:1.35!important;margin:16px 0 22px!important;padding:18px 22px!important;background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%)!important;border-left:5px solid #3a7bd5!important;border-radius:0 12px 12px 0!important;box-shadow:0 2px 12px rgba(58,123,213,.12)!important;letter-spacing:-.2px!important}

/* ===== HEADLINE ===== */
.dqp-headline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0 0 18px;padding:20px 28px;background:linear-gradient(90deg,#1a0050 0%,#4a0080 40%,#8b0057 80%,#c2185b 100%);border:2px solid #7c3aed;border-radius:16px;box-shadow:0 4px 24px rgba(124,58,237,.35);position:relative;overflow:hidden}
.dqp-headline-text{font-size:clamp(16px,2.2vw,22px);font-weight:800;color:#ffffff;text-align:center;letter-spacing:.3px;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.dqp-headline-sub{font-size:clamp(12px,1.5vw,15px);font-weight:700;color:#f5a623;text-align:center;letter-spacing:2px;text-transform:uppercase;margin-top:2px}
.dqp-headline-icon{display:none}

/* ===== KEYFRAMES ===== */
@keyframes dqpFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes dqpFadeDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes dqpPopIn{0%{opacity:0;transform:translate(-50%,-4px) scale(.2)}60%{opacity:1;transform:translate(-50%,2px) scale(1.25)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes dqpSlideDown{from{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:400px}}
@keyframes dqpHeartbeat{0%,100%{transform:scale(1)}10%{transform:scale(1.04)}20%{transform:scale(.99)}30%{transform:scale(1.05)}40%{transform:scale(1)}}
@keyframes dqpGlowPulse{0%,100%{box-shadow:0 10px 22px rgba(192,55,55,.35),0 4px 10px rgba(192,55,55,.25),0 0 0 0 rgba(231,82,82,.65),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -10px 16px rgba(0,0,0,.18)}50%{box-shadow:0 18px 36px rgba(231,82,82,.55),0 8px 18px rgba(231,82,82,.42),0 0 0 14px rgba(231,82,82,0),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -10px 16px rgba(0,0,0,.2)}}
@keyframes dqpRipple{0%{transform:scale(.95);opacity:.55}80%{opacity:0}100%{transform:scale(1.35);opacity:0}}
@keyframes dqpShine{0%{transform:translateX(-160%) skewX(-22deg)}55%{transform:translateX(260%) skewX(-22deg)}100%{transform:translateX(260%) skewX(-22deg)}}
@keyframes dqpArrowBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
@keyframes dqpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes dqpProgressShimmer{0%{background-position:0% 0}100%{background-position:200% 0}}
@keyframes dqpBadgeBob{0%,100%{transform:translate(-50%,0) scale(1)}50%{transform:translate(-50%,-3px) scale(1.06)}}
@keyframes dqpShakeX{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}
@keyframes dqpCorrectGlow{0%,100%{box-shadow:0 0 0 4px rgba(46,204,113,.10),0 8px 18px rgba(46,204,113,.20)}50%{box-shadow:0 0 0 8px rgba(46,204,113,.18),0 12px 26px rgba(46,204,113,.32)}}
@keyframes dqpWrongGlow{0%,100%{box-shadow:0 0 0 4px rgba(231,76,60,.10),0 8px 18px rgba(231,76,60,.18)}50%{box-shadow:0 0 0 8px rgba(231,76,60,.18),0 12px 26px rgba(231,76,60,.32)}}

/* ===== AD SLOTS ===== */
.quiz-ad{margin:22px 0;width:100%;animation:dqpFadeUp .5s ease both}
.quiz-ad-label{display:flex;align-items:center;gap:14px;color:#9a9a9a;font-size:12px;font-weight:600;letter-spacing:2.5px;margin:8px 0 12px;text-transform:uppercase}
.quiz-ad-label:before,.quiz-ad-label:after{content:"";flex:1;height:1px;background:#d8d8d8}
.quiz-ad-slot{display:flex;justify-content:center;align-items:center;width:250px!important;height:250px!important;max-width:250px!important;max-height:250px!important;min-height:250px!important;margin:0 auto;overflow:hidden}
.quiz-ad-slot > *{width:250px!important;height:250px!important;max-width:250px!important;max-height:250px!important;overflow:hidden!important}
.quiz-ad-slot ins,.quiz-ad-slot iframe,.quiz-ad-slot img{width:250px!important;height:250px!important;max-width:250px!important;max-height:250px!important}

/* ===== OPTIONS GRID ===== */
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 22px;margin-bottom:18px}

.quiz-option{position:relative;background:linear-gradient(135deg,#1a3a6e 0%,#2356a8 50%,#1a3a6e 100%);border:2px solid #3a7bd5;border-radius:14px;padding:0;min-height:64px;display:flex;align-items:stretch;cursor:pointer;font-weight:700;font-size:clamp(15px,1.6vw,20px);color:#ffffff;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease;box-shadow:0 4px 15px rgba(35,86,168,.35),0 0 0 0 rgba(58,123,213,.0);overflow:visible;animation:dqpFadeUp .45s ease both;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.quiz-option:nth-child(1){animation-delay:.05s}
.quiz-option:nth-child(2){animation-delay:.12s}
.quiz-option:nth-child(3){animation-delay:.19s}
.quiz-option:nth-child(4){animation-delay:.26s}
.quiz-option:hover:not(.locked){border-color:#7eb8ff;background:linear-gradient(135deg,#1e4a8a 0%,#2d6bc9 50%,#1e4a8a 100%);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px rgba(35,86,168,.5),0 0 0 4px rgba(58,123,213,.25)}
.quiz-option:active:not(.locked){transform:translateY(0) scale(.98)}
.quiz-option .opt-num{flex:0 0 56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:inherit;color:rgba(255,255,255,.85);border-right:1px solid rgba(255,255,255,.2);transition:border-color .25s,color .25s;background:rgba(0,0,0,.12)}
.quiz-option .opt-text{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 14px;text-align:center;word-break:break-word;hyphens:auto}
.quiz-option input{display:none}
.quiz-option .radio{display:none}
.quiz-option .opt-badge{display:none;position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;box-shadow:0 3px 8px rgba(0,0,0,.22);z-index:2}

.quiz-option.wrong{border-color:#e74c3c;border-width:2px;color:#e74c3c;background:#fdecec;animation:dqpFadeUp .35s ease both, dqpShakeX .5s ease .35s both, dqpWrongGlow 2.4s ease-in-out .9s infinite}
.quiz-option.wrong .opt-num{border-right-color:#f5b5b0;color:#e74c3c}
.quiz-option.wrong .opt-badge{display:flex;background:#e74c3c;animation:dqpPopIn .5s cubic-bezier(.34,1.56,.64,1) both, dqpBadgeBob 1.8s ease-in-out .6s infinite}
.quiz-option.wrong .opt-badge:before{content:"\2715"}

.quiz-option.correct{border-color:#2ecc71;border-width:2px;color:#2ecc71;background:#effaf2;animation:dqpCorrectGlow 2.2s ease-in-out .4s infinite}
.quiz-option.correct .opt-num{border-right-color:#bfe9cd;color:#2ecc71}
.quiz-option.correct .opt-badge{display:flex;background:#2ecc71;animation:dqpPopIn .55s cubic-bezier(.34,1.56,.64,1) both, dqpBadgeBob 1.8s ease-in-out .55s infinite}
.quiz-option.correct .opt-badge:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:#2ecc71;opacity:.55;z-index:-1;animation:dqpRipple 1.6s ease-out infinite}
.quiz-option.correct .opt-badge:before{content:"\2713"}

.quiz-option.locked{cursor:default}

/* ===== FEEDBACK BOX ===== */
.quiz-feedback{display:none;margin:12px 0 18px;padding:16px 20px;border-radius:14px;text-align:left;border:1.5px solid transparent;font-size:clamp(14px,1.5vw,16px);line-height:1.55;overflow:hidden}
.quiz-feedback.show{display:block;animation:dqpSlideDown .45s ease both}
.quiz-feedback .fb-title{font-weight:700;font-size:clamp(15px,1.6vw,18px);margin:0 0 6px}
.quiz-feedback .fb-text{color:#333;margin:0}
.quiz-feedback.correct{background:#f1faec;border-color:#bfe1a8;box-shadow:0 0 0 3px rgba(150,200,120,.14),0 6px 14px rgba(150,200,120,.18)}
.quiz-feedback.correct .fb-title{color:#6cb24a}
.quiz-feedback.wrong{background:#fdecec;border-color:#f3b9b4;box-shadow:0 0 0 3px rgba(231,76,60,.10),0 6px 14px rgba(231,76,60,.15)}
.quiz-feedback.wrong .fb-title{color:#e74c3c}

/* ===== NEXT BUTTON (FULLY ANIMATED) ===== */
.quiz-next{display:inline-flex;align-items:center;justify-content:center;gap:14px;position:relative;margin:16px auto 0;padding:20px 8px;border:none;border-radius:80px;background:linear-gradient(180deg,#ee7b6b 0%,#d35454 38%,#c14747 70%,#a83a3a 100%);color:#fff!important;font-size:clamp(22px,2.8vw,30px);font-weight:800;font-style:italic;font-family:Georgia,"Times New Roman",serif;cursor:pointer;width:100%;max-width:780px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease;overflow:hidden;isolation:isolate;will-change:transform,box-shadow}
.quiz-next.show{animation:dqpFadeUp .45s ease both, dqpHeartbeat 2s ease-in-out .8s infinite, dqpGlowPulse 2s ease-in-out .8s infinite}
.quiz-next:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);border-radius:inherit;pointer-events:none;z-index:1}
.quiz-next:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-160%) skewX(-22deg);pointer-events:none;z-index:2;animation:dqpShine 2.8s ease-in-out 1.2s infinite}
.quiz-next > *{position:relative;z-index:3}
.quiz-next:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.08) saturate(1.1);animation-play-state:paused,paused,paused}
.quiz-next:active{transform:translateY(1px) scale(.98)}
.quiz-next .arrows{display:inline-flex;font-weight:900;letter-spacing:-6px;margin-left:6px;animation:dqpArrowBounce 1.1s ease-in-out infinite}
.quiz-next .arrows span:nth-child(1){opacity:.55}
.quiz-next .arrows span:nth-child(2){opacity:1}

/* ===== RESULT ===== */
.result-box{max-width:520px;width:100%;margin:40px auto;padding:24px;border-radius:20px;box-sizing:border-box;animation:dqpFadeUp .5s ease both}
.result-box.pass{background:#eafaf1;box-shadow:0 10px 28px rgba(46,204,113,.18)}
.result-box.fail{background:#fdecea;box-shadow:0 10px 28px rgba(231,76,60,.18)}

.apply-btn,.retry-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:16px 34px;border:none;border-radius:60px;color:#fff;text-decoration:none;font-size:18px;font-weight:700;cursor:pointer;overflow:hidden;isolation:isolate;letter-spacing:.3px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease;will-change:transform,box-shadow}
.apply-btn{background:linear-gradient(180deg,#46d27e 0%,#28a745 55%,#1f8b39 100%);text-shadow:0 2px 4px rgba(0,0,0,.2);animation:dqpFadeUp .5s ease both, dqpHeartbeat 2.2s ease-in-out 1s infinite, dqpApplyGlow 2.2s ease-in-out 1s infinite, dqpFloat 3.4s ease-in-out 1s infinite}
.retry-btn{background:linear-gradient(180deg,#d97ad6 0%,#c45ac1 55%,#9c43a0 100%);text-shadow:0 2px 4px rgba(0,0,0,.2);animation:dqpFadeUp .5s ease both, dqpHeartbeat 2.2s ease-in-out 1s infinite, dqpRetryGlow 2.2s ease-in-out 1s infinite, dqpFloat 3.4s ease-in-out 1s infinite}
@keyframes dqpApplyGlow{0%,100%{box-shadow:0 8px 18px rgba(40,167,69,.35),0 0 0 0 rgba(40,167,69,.55),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -8px 12px rgba(0,0,0,.18)}50%{box-shadow:0 14px 28px rgba(40,167,69,.5),0 0 0 12px rgba(40,167,69,0),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -8px 12px rgba(0,0,0,.2)}}
@keyframes dqpRetryGlow{0%,100%{box-shadow:0 8px 18px rgba(196,90,193,.35),0 0 0 0 rgba(196,90,193,.55),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -8px 12px rgba(0,0,0,.18)}50%{box-shadow:0 14px 28px rgba(196,90,193,.5),0 0 0 12px rgba(196,90,193,0),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -8px 12px rgba(0,0,0,.2)}}
.apply-btn:before,.retry-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 45%);border-radius:inherit;pointer-events:none;z-index:1}
.apply-btn:after,.retry-btn:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);transform:translateX(-160%) skewX(-22deg);pointer-events:none;z-index:2;animation:dqpShine 3.2s ease-in-out 1.5s infinite}
.apply-btn > *,.retry-btn > *{position:relative;z-index:3}
.apply-btn:hover,.retry-btn:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.08) saturate(1.1)}
.apply-btn:active,.retry-btn:active{transform:translateY(1px) scale(.98)}

.welcome{font-size:20px;font-weight:bold}

/* ===== RESPONSIVE BREAKPOINTS ===== */
@media(max-width:780px){
 .quiz-ui{padding:0 10px;margin:18px auto}
 .quiz-options{gap:18px}
}
@media(max-width:600px){
 .quiz-options{grid-template-columns:1fr;gap:20px}
 .quiz-option{min-height:58px;font-size:16px}
 .quiz-option .opt-num{flex:0 0 48px}
 .quiz-option .opt-text{padding:12px 14px}
 .quiz-option .opt-badge{width:28px;height:28px;font-size:14px;top:-14px}
 .dqp-ui-quiz .quiz-question,.quiz-ui .quiz-question{font-size:clamp(17px,4.5vw,22px)!important;margin:10px 0 16px!important;text-align:center!important;border-left:none!important;border-radius:12px!important;padding:16px 18px!important}
 .quiz-feedback{padding:14px 16px;font-size:14px;margin:10px 0 16px}
 .quiz-feedback .fb-title{font-size:15px}
 .quiz-next{font-size:22px;padding:18px 18px;border-radius:60px}
 .quiz-ad-label{font-size:11px;letter-spacing:2px}
 .quiz-ad{margin:18px 0}
}
@media(max-width:380px){
 .quiz-option{font-size:14px}
 .quiz-option .opt-num{flex:0 0 42px}
 .quiz-next{font-size:20px;padding:16px 14px}
}

/* Respect reduced motion users */
@media (prefers-reduced-motion: reduce){
 .apply-btn,.retry-btn,.apply-btn:after,.retry-btn:after,.quiz-feedback.show,.result-box,.quiz-question,.quiz-ad,.quiz-option.correct,.quiz-option.wrong,.quiz-option.correct .opt-badge:after,.progress-bar{animation:none!important}
}

/* ===== START SCREEN ===== */
.quiz-start{padding:36px 16px;text-align:center;animation:dqpFadeUp .55s ease both}
.quiz-start-icon{font-size:54px;line-height:1;margin-bottom:10px;display:inline-block;animation:dqpFloat 2.6s ease-in-out infinite}
.quiz-start-title{font-size:clamp(24px,3vw,32px);font-weight:800;color:#222;margin:8px 0 8px;animation:dqpFadeDown .55s ease both}
.quiz-start-sub{font-size:clamp(14px,1.6vw,17px);color:#666;margin:0 0 26px;animation:dqpFadeUp .6s ease both}

.quiz-start-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0;padding:20px 8px;border:none;border-radius:80px;background:linear-gradient(180deg,#ee7b6b 0%,#d35454 38%,#c14747 70%,#a83a3a 100%);color:#fff!important;font-size:clamp(22px,2.8vw,30px);font-weight:800;font-style:italic;font-family:Georgia,"Times New Roman",serif;cursor:pointer;width:100%;max-width:560px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease;overflow:hidden;isolation:isolate;will-change:transform,box-shadow;animation:dqpFadeUp .5s ease both,dqpHeartbeat 2s ease-in-out .8s infinite,dqpGlowPulse 2s ease-in-out .8s infinite}
.quiz-start-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);border-radius:inherit;pointer-events:none;z-index:1}
.quiz-start-btn:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-160%) skewX(-22deg);pointer-events:none;z-index:2;animation:dqpShine 2.8s ease-in-out 1.2s infinite}
.quiz-start-btn > *{position:relative;z-index:3}
.quiz-start-btn:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.08) saturate(1.1)}
.quiz-start-btn:active{transform:translateY(1px) scale(.98)}
.quiz-start-btn .arrows{display:inline-flex;font-weight:900;letter-spacing:-6px;margin-left:4px;animation:dqpArrowBounce 1.1s ease-in-out infinite}
.quiz-start-btn .arrows span:nth-child(1){opacity:.55}
.quiz-start-btn .arrows span:nth-child(2){opacity:1}

@media(max-width:600px){
 .quiz-start{padding:24px 10px}
 .quiz-start-icon{font-size:44px}
 .quiz-start-btn{font-size:22px;padding:18px 22px;border-radius:60px}
}
@media (prefers-reduced-motion: reduce){
 .quiz-start,.quiz-start-icon,.quiz-start-title,.quiz-start-sub{animation:none!important}
}
/* === Extra attention animation for Start Test button === */
@keyframes dqpAttention{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes dqpRingPulse{0%{box-shadow:0 0 0 0 rgba(238,123,107,.65),0 8px 22px rgba(168,58,58,.45)}70%{box-shadow:0 0 0 18px rgba(238,123,107,0),0 8px 22px rgba(168,58,58,.45)}100%{box-shadow:0 0 0 0 rgba(238,123,107,0),0 8px 22px rgba(168,58,58,.45)}}
.quiz-start-btn{animation:dqpFadeUp .5s ease both,dqpHeartbeat 2s ease-in-out .8s infinite,dqpGlowPulse 2s ease-in-out .8s infinite,dqpAttention 1.8s ease-in-out .8s infinite,dqpRingPulse 2.2s ease-out .8s infinite!important;box-shadow:0 8px 22px rgba(168,58,58,.45)!important}
.quiz-start-btn:hover{transform:translateY(-3px) scale(1.03)!important;filter:brightness(1.08) saturate(1.1)!important;animation-play-state:paused!important}
.quiz-start-btn:active{transform:translateY(0) scale(.99)!important}
/* === ANCHOR BUTTON RESET === */
a.quiz-start-btn,a.quiz-next{text-decoration:none!important;display:inline-flex;cursor:pointer;color:#fff!important;}
a.quiz-start-btn:hover,a.quiz-start-btn:visited,a.quiz-start-btn:focus,a.quiz-start-btn:active,a.quiz-next:hover,a.quiz-next:visited,a.quiz-next:focus,a.quiz-next:active{text-decoration:none!important;color:#fff!important;}


/* === Extra animations for option buttons & Next Question button === */
@keyframes dqpOptionFloat{0%,100%{transform:translateY(0) scale(1);box-shadow:0 4px 15px rgba(35,86,168,.35),0 0 0 0 rgba(58,123,213,0)}50%{transform:translateY(-3px) scale(1.012);box-shadow:0 10px 22px rgba(35,86,168,.5),0 0 0 4px rgba(58,123,213,.18)}}
@keyframes dqpOptionBorderGlow{0%,100%{border-color:#3a7bd5}50%{border-color:#7cb6ff}}
@keyframes dqpNextRingPulse{0%{box-shadow:0 0 0 0 rgba(238,123,107,.65),0 8px 22px rgba(168,58,58,.45)}70%{box-shadow:0 0 0 18px rgba(238,123,107,0),0 8px 22px rgba(168,58,58,.45)}100%{box-shadow:0 0 0 0 rgba(238,123,107,0),0 8px 22px rgba(168,58,58,.45)}}
@keyframes dqpNextAttention{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.quiz-option:not(.correct):not(.wrong){animation:dqpFadeUp .45s ease both,dqpOptionFloat 3.2s ease-in-out infinite,dqpOptionBorderGlow 3.2s ease-in-out infinite!important}
.quiz-option:nth-child(1):not(.correct):not(.wrong){animation-delay:.05s,.0s,.0s!important}
.quiz-option:nth-child(2):not(.correct):not(.wrong){animation-delay:.12s,.4s,.4s!important}
.quiz-option:nth-child(3):not(.correct):not(.wrong){animation-delay:.19s,.8s,.8s!important}
.quiz-option:nth-child(4):not(.correct):not(.wrong){animation-delay:.26s,1.2s,1.2s!important}
.quiz-option:not(.correct):not(.wrong):hover{transform:translateY(-5px) scale(1.025)!important;border-color:#9ed0ff!important;background:linear-gradient(135deg,#214a89 0%,#2f6dc9 50%,#214a89 100%)!important;box-shadow:0 14px 28px rgba(35,86,168,.55),0 0 0 5px rgba(58,123,213,.22)!important;animation-play-state:paused!important}
.quiz-option:not(.correct):not(.wrong):active{transform:translateY(-1px) scale(.995)!important}
.quiz-next.show{animation:dqpFadeUp .45s ease both,dqpHeartbeat 2s ease-in-out .8s infinite,dqpGlowPulse 2s ease-in-out .8s infinite,dqpNextAttention 1.8s ease-in-out .8s infinite,dqpNextRingPulse 2.2s ease-out .8s infinite!important;box-shadow:0 8px 22px rgba(168,58,58,.45)!important}
.quiz-next.show:hover{transform:translateY(-3px) scale(1.03)!important;filter:brightness(1.08) saturate(1.1)!important;animation-play-state:paused!important}
.quiz-next.show:active{transform:translateY(0) scale(.99)!important}


/* === Highlighted Quiz Question header === */
@keyframes dqpQuestionPulse{0%,100%{box-shadow:0 8px 26px rgba(58,123,213,.28),0 0 0 0 rgba(58,123,213,.35)}50%{box-shadow:0 10px 30px rgba(58,123,213,.4),0 0 0 6px rgba(58,123,213,.18)}}
@keyframes dqpQuestionShine{0%{transform:translateX(-130%) skewX(-22deg)}60%,100%{transform:translateX(260%) skewX(-22deg)}}
@keyframes dqpQuestionBarPulse{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(1.05);opacity:.85}}
.dqp-ui-quiz .quiz-question,.quiz-ui .quiz-question{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  font-size:clamp(19px,2.5vw,28px)!important;
  font-weight:900!important;
  color:#0b1733!important;
  line-height:1.35!important;
  margin:18px 0 24px!important;
  padding:22px 26px 22px 30px!important;
  background:linear-gradient(135deg,#e8f1ff 0%,#dde9fe 45%,#f5f0ff 100%)!important;
  border-left:8px solid #2356a8!important;
  border-top:1px solid rgba(58,123,213,.25)!important;
  border-right:1px solid rgba(58,123,213,.18)!important;
  border-bottom:1px solid rgba(58,123,213,.18)!important;
  border-radius:0 16px 16px 0!important;
  box-shadow:0 8px 26px rgba(58,123,213,.28),0 0 0 0 rgba(58,123,213,.35)!important;
  letter-spacing:.2px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.6)!important;
  animation:dqpFadeUp .5s ease both,dqpQuestionPulse 2.6s ease-in-out 1s infinite!important;
}
.dqp-ui-quiz .quiz-question::after,.quiz-ui .quiz-question::after{
  content:"";position:absolute;top:0;left:0;width:60%;height:100%;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);
  transform:translateX(-130%) skewX(-22deg);
  animation:dqpQuestionShine 4.5s ease-in-out 1.2s infinite;
  pointer-events:none;z-index:1;
}
.dqp-ui-quiz .quiz-question::before,.quiz-ui .quiz-question::before{
  content:"";position:absolute;top:8%;left:0;width:8px;height:84%;
  background:linear-gradient(180deg,#3a7bd5 0%,#2356a8 50%,#1a3a6e 100%);
  border-radius:0 4px 4px 0;
  transform-origin:center;
  animation:dqpQuestionBarPulse 2s ease-in-out infinite;
  box-shadow:0 0 12px rgba(58,123,213,.6);
  z-index:2;
}


/* === GAM Between-Content ad slot reservation === */
/* Reserves vertical space so Google Ad Manager slots are not measured as 0-height (which causes no-fill). */
.a-wrap-base{min-height:260px!important;display:block!important;overflow:visible!important}
div[id^="MB_generated_tag_"]{min-height:250px!important;min-width:300px!important;display:block!important;margin:0 auto!important;text-align:center!important;overflow:visible!important}
@media (max-width: 600px){
 .a-wrap-base{min-height:260px!important}
 div[id^="MB_generated_tag_"]{min-height:250px!important;min-width:300px!important;max-width:100%!important}
}
div[id^="MB_generated_tag_"] > iframe{display:block!important;margin:0 auto!important}