@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Fraunces:opsz,wght@9..144,700;9..144,900&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17352f;background:#f6f1e7;margin:0;font-family:DM Sans,sans-serif}button{font:inherit}main{background:radial-gradient(circle at 8% 5%,#f3c96855 0 9%,#0000 9.2%),radial-gradient(circle at 93% 7%,#e9774a44 0 7%,#0000 7.2%);min-height:100vh}.hero{text-align:center;color:#fff;clip-path:polygon(0 0,100% 0,100% 92%,52% 100%,0 92%);background:#173f36;padding:70px 24px 46px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#f4c65e;font-size:.75rem;font-weight:700}.hero h1{margin:16px 0;font:900 clamp(2.7rem,8vw,5.4rem)/.96 Fraunces,serif}.hero h1 span{color:#f4c65e;font-style:italic}.hero>p{color:#d5e2dc;max-width:580px;margin:0 auto 28px}.scorebar{background:#ffffff0d;border:1px solid #fff3;border-radius:16px;justify-content:center;gap:0;max-width:440px;margin:auto;display:flex;overflow:hidden}.scorebar div{border-right:1px solid #fff2;flex:1;padding:12px}.scorebar div:last-child{border:0}.scorebar strong,.scorebar small{display:block}.scorebar strong{font:700 1.5rem Fraunces}.scorebar small{text-transform:uppercase;letter-spacing:.08em;color:#b9cec5;font-size:.7rem}.progress{background:#fff2;border-radius:9px;max-width:440px;height:5px;margin:14px auto 0;overflow:hidden}.progress span{background:#f4c65e;height:100%;transition:width .4s;display:block}.quiz{gap:18px;width:min(920px,100% - 32px);margin:50px auto;display:grid}.card{background:#fffdf8;border:1px solid #ded5c4;border-radius:18px;gap:22px;padding:24px;transition:all .2s;display:flex;box-shadow:0 5px #ded5c4}.card:hover{transform:translateY(-2px);box-shadow:0 7px #ded5c4}.number{color:#d76942;border:2px solid #e99a79;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font:700 1.25rem Fraunces;display:grid}.question-area{flex:1}.question-area h2{margin:5px 0 18px;font:700 clamp(1.1rem,3vw,1.4rem)/1.3 Fraunces}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options button{text-align:left;color:#29473f;cursor:pointer;background:#fff;border:1.5px solid #d8d2c6;border-radius:10px;align-items:center;gap:10px;padding:12px;transition:all .16s;display:flex}.options button:hover:not(:disabled){background:#fff8f3;border-color:#d76942;transform:translate(3px)}.options button b{color:#765c48;background:#eee8dd;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.options button span{flex:1}.options button i{font-size:1.3rem;font-style:normal}.options button:disabled{cursor:default}.options button.correct{color:#17633d;background:#e4f5ea;border-color:#2c8b59}.options button.correct b{color:#fff;background:#2c8b59}.options button.wrong{color:#a53729;background:#fde9e3;border-color:#d75f49}.options button.wrong b{color:#fff;background:#d75f49}.feedback{border-radius:9px;margin-top:14px;padding:11px 13px;font-size:.9rem}.feedback.yes{color:#17633d;background:#e4f5ea}.feedback.no{color:#96392c;background:#fde9e3}.finish{text-align:center;background:#f4c65e;border:2px solid #173f36;border-radius:20px;width:min(620px,100% - 32px);margin:50px auto;padding:35px;box-shadow:8px 8px #173f36}.finish .star{font-size:2.4rem}.finish h2{margin:5px;font:900 2rem Fraunces}.finish p{font-size:1.1rem}.finish button{color:#fff;cursor:pointer;background:#173f36;border:0;border-radius:10px;padding:12px 25px;font-weight:700}.finish button:hover{background:#d76942}footer{text-align:center;color:#7b7061;padding:35px;font:italic 700 1rem Fraunces}.hero.compact{padding-top:44px;padding-bottom:38px}.hero.compact h1{margin:10px 0;font-size:clamp(2.4rem,7vw,4.4rem)}.hero.compact>p{margin-bottom:18px}.slide-status{color:#d5e2dc;justify-content:space-between;max-width:440px;margin:auto;font-size:.85rem;display:flex}.slide-status strong{color:#f4c65e}.slide-quiz{max-width:760px;margin-top:55px}.slide-card{min-height:390px;animation:.35s slideIn}.slide-card .question-area{flex-direction:column;display:flex}.slide-card .options{margin-bottom:4px}.next-button{color:#fff;cursor:pointer;background:#173f36;border:0;border-radius:10px;align-self:flex-end;margin-top:18px;padding:12px 18px;font-weight:700;box-shadow:0 3px #0c2a24}.next-button:hover{background:#d76942}.next-button span{margin-left:8px}.dots{justify-content:center;gap:8px;margin-top:14px;display:flex}.dots span{background:#cfc6b7;border-radius:50%;width:9px;height:9px}.dots span.active{background:#d76942;border-radius:10px;width:26px}.dots span.done{background:#2c8b59}.result-screen{margin-top:70px}.result-note{font-size:.95rem!important}.result-screen .star{animation:.45s pop}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pop{50%{transform:scale(1.35)}}@media (max-width:640px){.hero{padding-top:48px}.card{gap:12px;padding:18px}.number{width:40px;height:40px;font-size:1rem}.options{grid-template-columns:1fr}.scorebar small{font-size:.58rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}