.ga4-quiz{max-width:1000px;margin:0 auto;padding:20px;border-radius:8px;background:#fff;font-family:Roboto,Arial,sans-serif;color:#242424;font-size:18px;line-height:1.5}
.ga4-quiz [hidden]{display:none!important}
.ga4-quiz .quiz-progress{margin-top:25px;margin-bottom:25px;position:relative;height:30px;border-radius:6px;box-shadow:0 0 1px #666;text-align:center;overflow:hidden;font-size:12px}
.quiz-progress>span{position:relative;z-index:1;line-height:30px;color:#242424}
.quiz-progress-track{display:flex;position:absolute;inset:0}
.quiz-progress-track [data-progress-fill]{background:#1b9213}
.quiz-progress-track [data-progress-next]{background:#96d191}
.ga4-quiz [data-question-text]{font-size:35px;margin:15px 0;font-family:Roboto,Arial,sans-serif;font-weight:400;text-align:center;line-height:1em;outline:none;color:#242424}
.ga4-quiz .quiz-description{font-size:16px;font-weight:300;padding:5px 0;line-height:1.5;text-align:center;margin-bottom:30px}
.ga4-quiz .quiz-answer{display:block;width:100%;border:1px solid #e2e2e2;border-radius:8px;margin:25px auto 0;cursor:pointer;text-align:left;background:#fff;color:#242424;padding:15px 15px 15px 45px;position:relative;font:300 18px/28px Roboto,Arial,sans-serif;letter-spacing:normal;box-shadow:none;text-transform:none}
.quiz-answer:before{content:"";position:absolute;left:16px;top:21px;width:16px;height:16px;border:1px solid #bbb;border-radius:50%}
@media(hover:hover){.ga4-quiz .quiz-answer:hover{background:#0f7dbe;color:#fff;box-shadow:2px 2px 8px #888;border-color:#0f7dbe;opacity:.8}}
.ga4-quiz .quiz-answer:focus-visible{outline:3px solid #0f7dbe;outline-offset:3px}
.ga4-quiz .quiz-gate,.ga4-quiz .quiz-result{text-align:center;padding:0 0 5px;font-family:Roboto,Arial,sans-serif}
.ga4-quiz .quiz-gate h2,.ga4-quiz .quiz-result h2{font-size:34px;font-weight:400;color:#2c3e50;line-height:1.3;outline:none;margin:0 0 20px}
.ga4-quiz .quiz-gate h2{font:400 24px/61px Roboto,Arial,sans-serif;margin:0;padding:50px 0}.ga4-quiz .quiz-gate>p{font:300 19px/normal Roboto,Arial,sans-serif;color:#3a3939;margin:0 0 5px}
.ga4-quiz form{width:57%;max-width:100%;margin:20px auto;padding:30px;box-shadow:0 8px 12px #0004;background:#e2ebf2;border-radius:0}
.ga4-quiz form input{display:block;width:100%;border:1px solid #dee1e6;border-radius:10px;padding:20px;font:300 16px/18.5px Roboto,Arial,sans-serif;background:#fff;color:#242424;margin:0 0 10px}
.ga4-quiz form button{background:#c0392b;color:#fff;border:0;border-radius:50px;width:100%;margin:10px 0;padding:15px;font:400 22px/33px Poppins,Arial,sans-serif;cursor:pointer}
.ga4-quiz button:disabled{cursor:wait;opacity:.6}
.ga4-quiz [data-signup-status]:empty{display:none}
.ga4-quiz [data-signup-status]{font-size:15px;margin:15px 0 0}
.ga4-quiz .quiz-result img{display:block;width:min(746px,100%);height:auto;margin:25px auto}
.ga4-quiz .quiz-download{display:inline-block;background:#f1c40f;color:#fff;border-radius:5px;padding:12px 15px;letter-spacing:2px;font-size:18px;line-height:1.2;text-decoration:none;margin:20px auto}
.ga4-quiz .quiz-restart{display:block;margin:10px auto 0;border:0;background:transparent;color:#0f7dbe;text-decoration:underline;cursor:pointer;font-size:16px}
@media(max-width:1100px){.ga4-quiz [data-question-text],.ga4-quiz .quiz-description{text-align:left}}
@media(max-width:767px){.ga4-quiz form{width:100%}.ga4-quiz .quiz-gate h2{line-height:1.4;padding:30px 0}}
@media(max-width:480px){.ga4-quiz .quiz-gate h2{font-size:24px}.ga4-quiz .quiz-result h2{font-size:28px}.ga4-quiz form{padding:15px}.ga4-quiz [data-question-text]{font-size:30px}.ga4-quiz .quiz-answer{font-size:17px}.ga4-quiz .quiz-download{font-size:16px}}

.ga4-quiz:has(.quiz-gate:not([hidden])),.ga4-quiz:has(.quiz-result:not([hidden])){padding:5px;border:1px solid transparent;border-radius:0}