/* Keep direct anchor navigation immediate while the optional script is unavailable. */
html:has([data-seminar-quiz] [data-quiz-start][hidden]){scroll-behavior:auto}
.seminar-quiz{padding-top:66px;scroll-margin-top:24px}
.quiz-shell{position:relative;isolation:isolate;border:1px solid #343d536e;border-radius:19px;padding:32px 38px 0;background:linear-gradient(120deg,#141b2be8,#0d1320);overflow:hidden}
.quiz-shell:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#ff772b00,#ff9a3d99,#ffcc7155,#ff772b00);pointer-events:none}
.quiz-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}
.quiz-topline .campaign-eyebrow{font-size:9px;letter-spacing:1.6px}
.quiz-topline svg{width:17px;height:17px;color:#ffb96d}
.quiz-optional{color:#aeb9ce;font-size:8px;letter-spacing:1.1px;border:1px solid #6c7d9f3a;border-radius:30px;padding:5px 9px;white-space:nowrap}
.quiz-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-bottom:30px}
.quiz-intro h2{font-size:clamp(27px,2.9vw,40px);font-weight:650;line-height:1.18;letter-spacing:-1.4px;margin:0 0 20px}
.quiz-metadata{font-size:11px;color:#a8b3ca;margin:0}
.quiz-intro-action>p{font-size:13px;color:#b8c1d5;line-height:1.85;margin:0 0 21px}
.quiz-intro .campaign-button{font-size:11px;min-height:49px;padding:12px 22px;letter-spacing:.3px}
.quiz-direct{border-top:1px solid #8a9abc22;padding:20px 0;text-align:center}
.quiz-direct a{display:inline-block;color:#acb7cf;font-size:12px;text-decoration:none;line-height:1.8}
.quiz-direct strong{font-weight:650;color:#ffc486;white-space:nowrap}
.quiz-direct a:hover strong{text-decoration:underline;text-underline-offset:5px}
.quiz-screen,.quiz-result{max-width:790px;margin-inline:auto;padding-bottom:25px}
.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px;font-size:12px;font-weight:650;color:#ffc17d;letter-spacing:1.8px}
.quiz-progress-lines{display:flex;gap:6px;width:98px}
.quiz-progress-lines i{width:29px;height:3px;background:#303b53;border-radius:3px}
.quiz-progress-lines .is-active{background:linear-gradient(90deg,#ff8431,#ffca71)}
.quiz-screen h3,.quiz-result h3{color:#f0f3fb;font-weight:650;font-size:clamp(24px,2.5vw,33px);line-height:1.28;letter-spacing:-.9px;margin:0 0 24px}
.quiz-screen h3:focus,.quiz-result h3:focus{outline:none}
.quiz-answers{display:grid;gap:10px}
.quiz-answers button{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:57px;border:1px solid #3e4d68;background:#101929;color:#e0e7f5;border-radius:10px;padding:15px 20px;text-align:left;font-size:14px;line-height:1.55;font-weight:500;transition:background .16s,border-color .16s,transform .16s}
.quiz-answers button>span{font-size:18px;flex-shrink:0;color:#ffa64f}
.quiz-answers button:hover,.quiz-answers button[aria-pressed="true"]{border-color:#ffab5a8c;background:#ff9d3510}
.quiz-answers button:hover{transform:translateX(2px)}
.quiz-answers button:focus-visible,.seminar-quiz button:focus-visible,.seminar-quiz a:focus-visible{outline:3px solid #ffc079;outline-offset:4px}
.quiz-back{display:block;min-height:44px;border:0;background:transparent;padding:12px 0 0;color:#b3bfd5;text-align:left;font-size:12px;font-weight:500;margin-top:10px}
.quiz-back:hover{color:#ffd5a5}
.quiz-result-symbol{display:grid;place-items:center;width:42px;height:42px;color:#ffbe78;background:#ffad4410;border:1px solid #ffaf5635;border-radius:50%;margin:4px 0 20px}
.quiz-result-copy p{color:#b9c4d9;font-size:14px;line-height:1.9;margin:0 0 23px}
.quiz-free{font-size:22px;letter-spacing:-.5px;font-weight:650;color:#ffd39a;margin:23px 0 17px}
.quiz-event-details{display:grid;gap:14px;border-block:1px solid #91a4c422;padding:19px 0;margin-bottom:24px}
.quiz-event-details>div{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.8;color:#bac5da}
.quiz-event-details svg{width:19px;height:19px;color:#ffba70;margin-top:2px}
.quiz-event-details strong{color:#e1e8f5;font-weight:650}
.quiz-booking{width:100%;font-size:12px;justify-content:space-between;line-height:1.6;text-align:left}
@media(max-width:850px){.seminar-quiz{padding-top:45px}.quiz-shell{padding:27px 27px 0}.quiz-intro{gap:28px;grid-template-columns:1fr 1fr}.quiz-intro h2{font-size:29px}.quiz-intro-action>p{font-size:12px}.quiz-topline .campaign-eyebrow{font-size:8px}.quiz-optional{font-size:7px;letter-spacing:.7px}}
@media(max-width:650px){.seminar-quiz{padding-top:35px;scroll-margin-top:16px}.quiz-shell{padding:23px 21px 0;border-radius:16px}.quiz-topline{gap:9px;margin-bottom:23px;flex-wrap:wrap}.quiz-topline .campaign-eyebrow{font-size:7px;letter-spacing:1px;gap:7px}.quiz-topline svg{width:15px;height:15px}.quiz-optional{font-size:6px;letter-spacing:.5px;padding:5px 7px}.quiz-intro{grid-template-columns:1fr;gap:22px;padding-bottom:24px}.quiz-intro h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-bottom:16px}.quiz-intro h2 br{display:none}.quiz-intro h2 .fire-text:before{content:" "}.quiz-metadata{font-size:10px}.quiz-intro-action>p{font-size:13px;line-height:1.85;margin-bottom:21px}.quiz-intro .campaign-button{width:100%;justify-content:space-between;min-height:51px;font-size:12px}.quiz-direct{padding:17px 0}.quiz-direct a{font-size:11px;line-height:1.9}.quiz-direct strong{display:block}.quiz-progress{font-size:11px;margin-bottom:20px}.quiz-screen h3,.quiz-result h3{font-size:25px;line-height:1.3;letter-spacing:-.65px;margin-bottom:22px}.quiz-answers{gap:11px}.quiz-answers button{font-size:13px;min-height:58px;padding:15px 14px;gap:12px}.quiz-answers button>span{font-size:18px}.quiz-back{font-size:12px;margin-top:11px}.quiz-screen,.quiz-result{padding-bottom:20px}.quiz-result-copy p{font-size:13px;line-height:1.9}.quiz-free{font-size:20px}.quiz-event-details>div{font-size:11px;gap:10px}.quiz-event-details svg{width:17px;height:17px}.quiz-booking{font-size:10px;padding:14px 17px;gap:15px;min-height:61px}.quiz-booking svg{width:20px;height:20px}}
@media(max-width:370px){.quiz-shell{padding-inline:17px}.quiz-intro h2{font-size:27px}.quiz-topline{gap:8px}.quiz-optional{font-size:6px}.quiz-screen h3,.quiz-result h3{font-size:23px}.quiz-answers button{font-size:12px}.quiz-booking{font-size:9px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.quiz-answers button{transition:none}.quiz-answers button:hover{transform:none}}
