.quizPage{background:radial-gradient(circle at 80% 5%,#0d5a4b20,#0000 28rem),#f5f8f5;min-height:100vh}.quizPage>header{border-bottom:1px solid var(--line);height:90px;color:var(--green);background:#fff;justify-content:space-between;align-items:center;padding:0 5%;font-weight:800;display:flex}.quizBrand{width:240px;height:78px}.quizBrand img{object-fit:contain;width:100%;height:100%}.quizShell{width:min(1060px,100% - 32px);margin:auto;padding:60px 0 85px}.quizIntro{text-align:center;max-width:850px;margin:auto}.quizIntro>p,.question>em{color:var(--green2);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-style:normal;font-weight:900}.quizIntro h1{color:var(--green);letter-spacing:-3px;font-size:clamp(48px,7vw,78px);line-height:.98}.quizIntro>span{color:#62706b;font-size:20px;line-height:1.6;display:block}.quizCard{border:1px solid var(--line);background:#fff;max-width:820px;min-height:520px;margin:42px auto 0;box-shadow:0 25px 70px #073e3420}.start,.question,.quizResult{padding:clamp(32px,6vw,64px)}.start{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex}.start>b{border:2px solid var(--red);width:68px;height:68px;color:var(--red);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:34px;display:grid}.start h2,.question h2,.quizResult h2{color:var(--green);font-family:Georgia,serif;font-size:clamp(30px,4vw,43px);font-weight:400;line-height:1.12}.start p,.question>p,.quizResult>p{color:#62706b;font-size:16px;line-height:1.65}.start button,.resultActions>a{background:var(--green);color:#fff;cursor:pointer;border:0;margin:12px 0;padding:17px 23px;font-weight:800}.start small{color:#6d7773}.progress{color:#62706b;justify-content:space-between;font-size:13px;display:flex}.question>i{background:linear-gradient(90deg,var(--green2),var(--lime));height:7px;margin:10px 0 38px;display:block}.question>div:not(.progress){gap:11px;margin-top:25px;display:grid}.question>div:not(.progress)>button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fafcf9;justify-content:space-between;padding:16px 18px;font-weight:700;display:flex}.question>div:not(.progress)>button:hover{border-color:var(--green2);background:#edf6f0}.question>div:not(.progress)>button span{color:var(--green2);font-size:22px}.prev{color:#65716c;cursor:pointer;background:0 0;border:0;margin-top:25px}.prev:disabled{opacity:.35}.quizResult{border-top:8px solid var(--green2)}.quizResult.stop{border-color:var(--red)}.quizResult.pro{border-color:#d59b2b}.quizResult>em{color:var(--green2);text-transform:uppercase;letter-spacing:1px;background:#e9f4ed;border-radius:30px;padding:8px 12px;font-size:11px;font-style:normal;font-weight:900;display:inline-block}.quizResult.stop>em{color:#a72f24;background:#fff0ed}.quizResult h3{color:var(--green)}.quizResult li{padding:6px 0;line-height:1.5}.resultActions{align-items:center;gap:12px;margin-top:22px;display:flex}.resultActions button{border:1px solid var(--green);color:var(--green);cursor:pointer;background:#fff;padding:15px 20px;font-weight:800}.quizResult>strong{border-left:4px solid var(--red);color:#762c25;background:#fff0ed;margin-top:25px;padding:15px;font-size:13px;line-height:1.5;display:block}.quizFacts{grid-template-columns:repeat(3,1fr);gap:13px;max-width:920px;margin:25px auto 0;display:grid}.quizFacts>div{background:var(--green);color:#fff;padding:22px}.quizFacts b,.quizFacts span{display:block}.quizFacts b{color:var(--lime);margin-bottom:7px}.quizFacts span{color:#c8d5d0;font-size:13px;line-height:1.5}.quizShell aside{border-top:1px solid var(--line);max-width:900px;margin:45px auto 0;padding:25px}.quizShell aside h2{color:var(--green);font-family:Georgia,serif;font-weight:400}.quizShell aside p{color:#65716c;font-size:13px;line-height:1.65}.quizShell aside a{color:var(--green2);font-weight:800;text-decoration:underline}@media (width<=700px){.quizPage>header{height:74px}.quizBrand{width:175px;height:62px}.quizShell{padding-top:35px}.quizIntro{text-align:left}.quizCard{min-height:0}.start{min-height:470px}.quizFacts{grid-template-columns:1fr}.resultActions{flex-direction:column;align-items:stretch}.resultActions>a,.resultActions button{text-align:center}.quizShell aside{padding:20px 4px}}
