@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#19352f;font-synthesis:none;background:#f3f6ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#e3efdf 0,#0000 35%),#f3f6ef;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.container{width:min(100% - 32px,620px);margin:0 auto;padding:44px 0}.brand{color:#2d594d;letter-spacing:.02em;align-items:center;gap:10px;margin-bottom:28px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#d7a849;border-radius:9px;place-items:center;width:30px;height:30px;font-size:24px;line-height:1;display:grid}.quiz-box{background:#ffffffe0;border:1px solid #dce7dc;border-radius:18px;padding:clamp(24px,5vw,48px);box-shadow:0 18px 50px #244b3c14}.progress-row{color:#718178;justify-content:space-between;font-size:.82rem;font-weight:600;display:flex}.progress-track{background:#e8eee8;border-radius:99px;height:6px;margin:12px 0 34px;overflow:hidden}.progress-track span{border-radius:inherit;background:#d7a849;height:100%;transition:width .3s;display:block}h1{color:#19352f;margin:0 0 26px;font:700 clamp(1.7rem,4vw,2.3rem)/1.2 Playfair Display,serif}.options{gap:12px;display:grid}.option{color:#29483f;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #d9e4da;border-radius:11px;align-items:center;gap:13px;width:100%;padding:15px 17px;transition:border-color .2s,background .2s,transform .2s;display:flex}.option:hover:not(:disabled){border-color:#c99a3d;transform:translateY(-1px)}.option.selected{background:#fff9ed;border-color:#d7a849}.option.correct{background:#eef8ef;border-color:#5b9b68}.option.incorrect{background:#fff1ef;border-color:#cc6b61}.option-letter{color:#527064;background:#edf3ed;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-size:.8rem;font-weight:700;display:grid}.status{margin-left:auto;font-size:1.2rem;font-weight:700}.correct .status{color:#42814f}.incorrect .status{color:#be554a}.primary-button{color:#fff;cursor:pointer;background:#2d594d;border:0;border-radius:10px;width:100%;margin-top:24px;padding:14px 18px;font-weight:700;transition:background .2s,opacity .2s}.primary-button:hover:not(:disabled){background:#21463c}.primary-button:disabled{cursor:not-allowed;opacity:.45}.feedback{color:#38564a;background:#f3f7f2;border-radius:10px;margin-top:18px;padding:15px;font-size:.93rem;line-height:1.5}.feedback.success{border-left:4px solid #5b9b68}.feedback.error{border-left:4px solid #cc6b61}.results{text-align:center}.results-icon{color:#c18c27;background:#fff4d9;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 18px;font-size:1.8rem;display:grid}.eyebrow{color:#b17c1d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:700}.results p:not(.eyebrow){color:#61736a;line-height:1.6}.results-message{margin-bottom:26px}@media (width<=500px){.container{padding:24px 0}.quiz-box{padding:24px 18px}}