@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#263e39;background:#f7f8f2;--green:#176858;--muted:#657970}*{box-sizing:border-box}body{margin:0}header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-bottom:1px solid #dde4dc}.brand{font:800 24px Manrope,sans-serif;text-decoration:none;color:var(--green)}.brand span{display:block;font:700 9px 'DM Sans';letter-spacing:3px;margin:4px 0 0 30px}button,select,input{font:inherit}button{border:1px solid #d6dfd5;background:white;color:#294d42;border-radius:10px;padding:11px 17px;cursor:pointer;font-weight:600}button:hover{border-color:var(--green);background:#eff5eb}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d88a32;outline-offset:3px}nav{display:flex;gap:10px}nav button{border:0;background:transparent}main{max-width:1136px;margin:44px auto;padding:0 24px;min-height:70vh}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--green)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.15;margin:14px 0}h2{font-size:27px}p{line-height:1.65}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1.5fr 1fr;background:#e9efdf;border-radius:24px;padding:40px;gap:30px;overflow:hidden}.hero p{max-width:480px}.art{position:relative;display:flex;align-items:center;justify-content:center;min-height:190px}.sun{width:160px;height:160px;background:#efbd55;border-radius:50%;position:absolute;right:20px;top:0}.book{position:relative;background:#176858;color:#fff6d8;padding:28px 30px;transform:rotate(-9deg);border-radius:8px 22px 22px 8px;box-shadow:9px 10px 0 #f9f6e7;font:800 35px Manrope;line-height:1.2}.spark{position:absolute;left:14px;top:5px;font-size:44px;color:#648262}.stats{display:flex;gap:30px;margin:28px 0;padding:20px 0;border-bottom:1px solid #dde4dc}.stat strong{display:block;font:800 24px Manrope}.stat span{font-size:12px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 20px}.section-title h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e0e6dc;border-radius:18px;padding:24px;transition:transform .15s}.card:hover{transform:translateY(-3px)}.icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:var(--tint,#edf2e7);border-radius:14px;font-size:24px}.card h3{font-size:19px;margin:18px 0 5px}.card p{font-size:13px;margin:0;color:var(--muted)}.card button{width:100%;margin-top:18px}.track{height:6px;border-radius:5px;background:#edf1e9;margin:20px 0 8px;overflow:hidden}.track span{display:block;background:var(--green);height:100%}.tiny{font-size:12px;color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#0e5144;color:white}label{display:block;font-size:13px;font-weight:600}input,select{display:block;border:1px solid #cad5c9;border-radius:8px;background:white;padding:10px;margin:7px 0 15px;max-width:100%;color:#263e39}input{width:100%}.settings{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.quiz-layout{display:grid;grid-template-columns:1fr 260px;gap:24px;margin-top:25px}.question{background:#fff;border:1px solid #dfe5db;padding:32px;border-radius:20px}.question h2{font-size:23px;line-height:1.6;margin:20px 0 28px}.options{display:grid;gap:12px}.option{text-align:left;padding:16px;display:flex;align-items:center;gap:14px;font-weight:500;line-height:1.5}.letter{display:inline-grid;place-items:center;min-width:30px;height:30px;background:#f0f3ed;border-radius:8px;font-weight:700}.selected{border-color:var(--green);background:#edf5e9}.correct{border-color:#34874a;background:#ecf7eb}.incorrect{border-color:#c76151;background:#fff0ed}.feedback{padding:16px;background:#edf3e8;border-radius:10px;margin-top:20px}.side{background:#edf1e7;border-radius:18px;padding:22px;align-self:start}.numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0}.numbers button{padding:8px 0;border-radius:7px;font-size:12px}.numbers .answered{background:#cde1c6}.numbers .current{outline:2px solid var(--green)}.numbers .flag{border-bottom:3px solid #d6a02d}.quiz-bottom{display:flex;justify-content:space-between;margin-top:24px;gap:10px}.result{max-width:800px;margin:auto}.result-head{text-align:center;background:#e9efdf;padding:32px;border-radius:20px}.score{font:800 60px Manrope;color:var(--green)}.review{margin-top:14px;background:white;border:1px solid #dfe5db;border-radius:12px;padding:20px}.review p{margin:6px 0}footer{max-width:1136px;margin:45px auto 25px;padding:0 24px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}dialog{border:1px solid #d4dfd1;border-radius:20px;padding:30px;max-width:520px;width:calc(100% - 32px);color:#263e39}dialog::backdrop{background:#17392c66}.close{float:right;font-size:20px;padding:2px 10px}hr{border:0;border-top:1px solid #e2e8de;margin:24px 0}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#173e32;color:white;padding:12px 20px;border-radius:10px;max-width:90%;display:none;z-index:10}@media(max-width:760px){header{padding:20px 18px}.brand{font-size:20px}nav button{font-size:12px;padding:8px}main{margin-top:24px;padding:0 16px}.hero{grid-template-columns:1fr;padding:26px}.art{display:none}h1{font-size:34px}.grid{grid-template-columns:repeat(2,1fr)}.quiz-layout{grid-template-columns:1fr}.side{order:-1}.numbers{grid-template-columns:repeat(10,1fr)}.question{padding:22px}.stats{gap:20px}.section-title{align-items:start;gap:10px}.settings{gap:10px}.settings label{flex:1;min-width:100px}}@media(max-width:450px){.grid{grid-template-columns:1fr}.card{padding:22px}.numbers{grid-template-columns:repeat(8,1fr)}footer{gap:20px}h1{font-size:31px}}@media print{header,footer,button,.side,.settings{display:none!important}main{margin:0}.review,.result-head{break-inside:avoid}.result{max-width:none}}