@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');
.quiz{color:#283c36;background-color:#f3e8d1;background-image:radial-gradient(ellipse at 15% 7%,#fff9e9aa,transparent 45%),repeating-linear-gradient(12deg,#80684b08 0,#80684b08 1px,transparent 1px,transparent 5px);box-shadow:0 24px 60px #071e2c77,5px 6px 0 #dfd1b7,9px 11px 0 #b9a688;isolation:isolate}
.quiz:before{content:'БАЙКАЛ · СИБИРЬ';position:absolute;top:18px;right:35px;width:62px;height:62px;display:grid;place-items:center;border:1px solid #51685b;border-radius:50%;transform:rotate(-14deg);color:#51685b;font:8px Georgia,serif;letter-spacing:.12em;opacity:.5;pointer-events:none}
.quiz:after{content:'';position:absolute;right:28px;bottom:20px;width:88px;height:52px;border:0;border-radius:0;opacity:.36;box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 62' fill='none' stroke='%233b6963' stroke-width='1'%3E%3Cpath d='M2 45L24 23l9 9L49 11l20 24 10-9 27 20M1 50c20-4 29 4 48 0s35 4 60 0M4 56c24-4 29 3 50 0s37 3 53 0M81 44v-21m-7 14 7-13 7 13m-14-5 7-12 7 12M96 45V28m-5 12 5-10 5 10'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.quiz-top,.quiz-foot,.tag{color:#52675b}.quiz-top{padding-right:76px}.progress{background:#a6b3a1}.progress b{background:#315d4c}.quiz h2{font-family:Caveat,'Segoe Print',cursive;font-weight:600;letter-spacing:0;font-size:clamp(33px,4.7vh,47px);line-height:1.02;color:#223f3b}.quiz p{color:#4c6057}.options{gap:6px}.options span{position:relative;align-items:center;justify-content:flex-start;gap:13px;border:1px solid #a69e88;border-radius:2px;background:#fffdf466;color:#2b4139;min-height:42px}.options span:before{content:'';width:16px;height:16px;border:1.5px solid #496354;border-radius:50%;flex:none;background:#fbf6e9}.options span b{margin-left:auto;color:#567a69}.options label:hover span{background:#e2eadb;border-color:#5e806c}.options input:checked+span{background:#dce8d8;border-color:#416d59}.options input:checked+span:before{background:#37664f;box-shadow:inset 0 0 0 3px #f5f0e1}.options input:focus-visible+span{outline:3px solid #8eac94;outline-offset:2px}
.field-label{display:block;margin:10px 0 5px;font-size:12px;font-weight:700;color:#374e42}.text,.robot input{color:#203a32;background:#fffdf4;border:1px solid #a59c84;border-radius:2px;padding:12px;width:100%;font:14px Manrope,Arial,sans-serif}.text::placeholder,.robot input::placeholder{color:#748579}.text:focus,.robot input:focus{outline:3px solid #a9c3af;outline-offset:1px;border-color:#35634c}.robot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#394d42;line-height:1.4}.robot input{width:70px;margin:0}.next{background:#28533f;color:#fffaf0;min-height:44px}.next:hover{background:#1a4434}.back{color:#284d3f;min-height:44px}.next:focus-visible,.back:focus-visible{outline:3px solid #8eac94;outline-offset:2px}#error{color:#9d3d2e}.quiz-foot{padding-right:90px}.quiz-foot span{display:none}
@media(max-width:800px){.quiz:before{width:44px;height:44px;font-size:6px;right:22px;top:16px}.quiz-top{padding-right:52px}.quiz:after{width:65px;height:38px;right:20px;bottom:14px}.quiz-foot{padding-right:65px}.quiz h2{font-size:clamp(32px,5vh,42px)}}
@media(max-height:700px){.quiz h2{font-size:clamp(29px,5vh,38px)}.options span{min-height:37px;padding:7px 12px}.field-label{margin:6px 0 4px}.text{padding:9px}.quiz:before{display:none}.quiz-top{padding-right:0}}