.quiz-launch{display:inline-block;margin-top:20px;padding:8px 0;border:0;background:none;color:#d5c0ff;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.course-quiz{width:min(600px,calc(100% - 28px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:28px;border:1px solid #514366;border-radius:24px;background:linear-gradient(145deg,#19152b,#0b1021 65%);color:#f6f3ff;box-shadow:0 30px 100px #0009;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
.course-quiz::backdrop{background:#03050ddb;backdrop-filter:blur(6px)}
.quiz-top{display:flex;align-items:center;gap:12px}.quiz-brand{margin-right:auto;font-size:12px;font-weight:800;letter-spacing:.13em;color:#ffad54}.course-quiz button{cursor:pointer;font:inherit}.quiz-plain,.quiz-language,.quiz-skip{border:0;background:transparent;color:#d1c8e8;padding:10px;font-size:14px!important;border-radius:8px}.quiz-language{border:1px solid #514366}.quiz-step{font-size:14px;color:#c2a1ff;margin:24px 0 8px}.course-quiz progress{display:block;width:100%;height:4px;border:0;border-radius:5px;overflow:hidden;accent-color:#ad7fff;background:#303044}.course-quiz progress::-webkit-progress-bar{background:#303044}.course-quiz progress::-webkit-progress-value{background:#ad7fff}.course-quiz h2{font-size:clamp(25px,5vw,34px);line-height:1.17;letter-spacing:-.025em;margin:24px 0 16px}.course-quiz h3{font-size:18px;line-height:1.4;margin:22px 0 12px}.quiz-description{font-size:16px;line-height:1.55;color:#c5c5d9}.quiz-options{border:0;margin:24px 0;padding:0;display:grid;gap:10px}.quiz-options label{display:flex;gap:12px;align-items:center;border:1px solid #3e3b54;padding:16px;border-radius:12px;background:#15172a;cursor:pointer;font-size:16px;line-height:1.4}.quiz-options label:has(input:checked){border-color:#ba96ff;background:#9b6cff20}.quiz-options input{flex:none;width:18px;height:18px;margin:0;accent-color:#ba96ff}.quiz-actions{display:flex;gap:14px;align-items:center;justify-content:space-between}.quiz-next{justify-content:center;font-size:16px;min-height:48px}.course-quiz button:disabled{opacity:.4;cursor:default;transform:none}.quiz-skip{display:block;margin:12px auto 0;text-decoration:underline;text-underline-offset:3px}.quiz-note{color:#a9a5bb;font-size:13px;line-height:1.5;margin:18px 0 0}.quiz-route{display:flex;flex-wrap:wrap;gap:8px}.quiz-route button{font-size:14px!important;border:1px solid #514366;text-align:left;background:#201c35}.quiz-demos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.quiz-demo{padding:0;overflow:hidden;border:1px solid #3e3b54;border-radius:12px;color:inherit;background:#101325;text-align:left}.quiz-demo img{width:100%;height:110px;object-fit:contain;background:#050813;display:block}.quiz-demo span{display:block;padding:12px;font-size:14px}.course-quiz :focus-visible,.quiz-launch:focus-visible{outline:3px solid #ffad54;outline-offset:3px}.quiz-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:480px){.course-quiz{padding:20px;border-radius:18px}.quiz-top{gap:6px}.quiz-brand{font-size:10px}.quiz-options label{padding:13px}.quiz-actions{gap:8px}.quiz-next{padding:14px;font-size:15px}.quiz-demo img{height:90px}}