.quiz-open{overflow:hidden}.quiz-overlay[hidden]{display:none}.quiz-overlay{position:fixed;inset:0;z-index:1000;background:rgba(9,19,16,.72);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;animation:quiz-fade .3s ease}.quiz-panel{position:relative;width:min(780px,100%);max-height:min(90vh,800px);overflow:auto;background:#f3f1e9;border-radius:25px;box-shadow:0 35px 90px rgba(0,0,0,.35);color:#101a19}.quiz-close{position:absolute;right:18px;top:18px;z-index:2;width:36px;height:36px;border:1px solid rgba(16,26,25,.12);border-radius:50%;background:#fff;color:#25372b;font-size:24px;line-height:1;display:grid;place-items:center}.quiz-close:hover{background:#d6f568}.quiz-welcome{display:grid;grid-template-columns:.9fr 1.1fr;min-height:470px}.quiz-welcome-image{background:#1e3229;overflow:hidden;position:relative}.quiz-welcome-image img{width:100%;height:100%;display:block;object-fit:cover}.quiz-welcome-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(15,32,26,.08))}.quiz-welcome-body{padding:63px 48px 47px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.quiz-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#6b8427}.quiz-welcome h2,.quiz-step h2{font-size:clamp(34px,4vw,50px);line-height:1.07;letter-spacing:-.07em;margin:16px 0}.quiz-welcome h2 em,.quiz-step h2 em{font-style:normal;color:#68851b}.quiz-welcome p,.quiz-step p{color:#5f6f63;font-size:15px;line-height:1.6;margin:0 0 25px}.quiz-welcome .quiz-time{font-size:11px;color:#809081;margin-top:14px}.quiz-step{padding:48px 52px 42px;min-height:440px}.quiz-progress{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#758675;margin-bottom:12px}.quiz-track{height:5px;background:#dce4d4;border-radius:20px;overflow:hidden}.quiz-track span{height:100%;display:block;background:#a3c74a;border-radius:20px;transition:width .3s}.quiz-step h2{margin:27px 0 12px;max-width:610px}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:27px 0 28px}.quiz-option{min-height:70px;text-align:left;padding:16px 19px;border-radius:13px;border:1px solid #d4ddcf;background:#fff;color:#24352b;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .2s,border-color .2s,transform .2s}.quiz-option:hover{border-color:#8bab3e;transform:translateY(-2px)}.quiz-option[aria-pressed=true]{background:#d6f568;border-color:#a2c43f}.quiz-option .quiz-check{width:20px;height:20px;border:1px solid #b9c7b6;border-radius:50%;flex:none;display:grid;place-items:center;color:transparent;font-size:13px}.quiz-option[aria-pressed=true] .quiz-check{background:#101a19;border-color:#101a19;color:#d6f568}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}.quiz-back{border:0;background:none;color:#5e705f;font-size:14px;font-weight:800;padding:12px 0}.quiz-back:hover{color:#101a19}.quiz-next{border:0;border-radius:100px;background:#101a19;color:#fff;padding:14px 24px;font-weight:800;font-size:14px;display:inline-flex;gap:14px;align-items:center}.quiz-next:hover{background:#2c4433}.quiz-next:disabled{opacity:.4;cursor:not-allowed}.quiz-form{display:grid;grid-template-columns:1fr 1fr;gap:11px 15px;margin:22px 0 18px}.quiz-field{display:flex;flex-direction:column;gap:6px}.quiz-field.full{grid-column:1/-1}.quiz-field label{font-size:12px;font-weight:800}.quiz-field input,.quiz-field textarea{width:100%;border:1px solid #d3ddcf;border-radius:10px;background:#fff;color:#101a19;padding:13px 15px;outline:none;min-height:49px}.quiz-field textarea{min-height:92px;resize:vertical}.quiz-field input:focus,.quiz-field textarea:focus{border-color:#8aaa39;box-shadow:0 0 0 3px rgba(138,170,57,.13)}.quiz-form-note{grid-column:1/-1;color:#6b7b70;font-size:11px;line-height:1.5}.quiz-form .quiz-actions{grid-column:1/-1;margin-top:8px}.quiz-mark{position:absolute;bottom:18px;left:22px;width:28px;height:28px;opacity:.9}@keyframes quiz-fade{from{opacity:0}to{opacity:1}}@media(max-width:650px){.quiz-overlay{padding:10px}.quiz-panel{max-height:94vh;border-radius:18px}.quiz-welcome{display:block}.quiz-welcome-image{height:175px}.quiz-welcome-body{padding:33px 26px 29px}.quiz-welcome h2,.quiz-step h2{font-size:35px}.quiz-step{padding:34px 24px 25px;min-height:0}.quiz-options{grid-template-columns:1fr;margin:23px 0}.quiz-option{min-height:56px;font-size:14px}.quiz-form{grid-template-columns:1fr}.quiz-field.full{grid-column:auto}.quiz-close{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.quiz-overlay,.quiz-track span,.quiz-option{animation:none;transition:none}}
.quiz-float{position:fixed;right:24px;bottom:24px;z-index:30;display:inline-flex;align-items:center;gap:11px;border:1px solid rgba(16,26,25,.16);border-radius:100px;background:#d6f568;color:#101a19;padding:8px 17px 8px 8px;font-size:13px;font-weight:800;box-shadow:0 12px 32px rgba(16,26,25,.22);transition:transform .2s,box-shadow .2s,opacity .2s,visibility .2s}.quiz-float:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(16,26,25,.27)}.quiz-float:focus-visible{outline:3px solid #101a19;outline-offset:3px}.quiz-float-icon{width:30px;height:30px;border-radius:50%;background:#101a19;color:#d6f568;display:grid;place-items:center;font-size:17px}.quiz-open .quiz-float{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:650px){.quiz-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:7px 15px 7px 7px;font-size:12px}.quiz-float-icon{width:28px;height:28px}}