@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{--ink:#193a34;--muted:#61736d;--paper:#f7f8f3;--line:#dce4dc;--green:#285b4d;--lime:#d5ed94;--white:#fff;--orange:#bb572a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.65}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;padding:10px 18px;color:var(--ink);font-weight:600;min-height:44px}button:hover{border-color:var(--green);background:#eef3e9}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b1d964;outline-offset:3px}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;font-size:20px}.logo{background:var(--ink);color:#fff;border-radius:12px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px}.logo span{color:var(--lime)}.brand small{display:block;font-weight:400;font-size:12px;color:var(--muted)}.account{display:flex;align-items:center;gap:15px}#sync{font-size:12px;color:var(--muted);max-width:220px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1420px;margin:auto;min-height:80vh}aside{padding:38px 24px;border-right:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;color:var(--muted)}nav{margin-top:20px}nav a{display:block;padding:13px 14px;margin-bottom:8px;border-radius:10px;text-decoration:none;font-weight:600}nav a.active{background:var(--ink);color:#fff}nav a small{display:block;font-weight:400;font-size:11px}nav .home{margin-bottom:24px}.aside-note{border:1px solid var(--line);padding:18px;border-radius:12px;margin-top:45px;font-size:13px;font-weight:600}.aside-note p{font-weight:400;color:var(--muted);margin-bottom:0}main{padding:45px 5%;min-width:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.25}h1{font-size:clamp(32px,4vw,49px);letter-spacing:-1.8px;margin:12px 0 18px}h2{font-size:25px}h3{font-size:18px}p{margin:12px 0;color:#465e55}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center;background:#eaf0e4;border-radius:20px;padding:34px}.hero p{max-width:540px}.art{min-height:220px;display:grid;place-items:center;position:relative}.chip{height:142px;width:142px;border:12px double #527c63;border-radius:28px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:42px;font-weight:800;transform:rotate(-9deg);box-shadow:17px 19px 0 #cadbb4}.orb{position:absolute;width:38px;height:38px;border-radius:50%;background:var(--lime);right:10px;top:10px}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#356554;color:#fff}.stats{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0}.stat{padding-right:22px;border-right:1px solid var(--line)}.stat strong{display:block;font-size:26px}.stat span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.lesson,.question,.result,.section-row{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.card{display:flex;flex-direction:column}.card .num{font-weight:800;font-size:12px;color:var(--green);background:#edf3e7;padding:5px 10px;border-radius:6px;align-self:start}.card h3{font-size:21px;min-height:52px}.card p{font-size:14px;flex:1}.card a,.button-link{display:inline-block;text-decoration:none;font-weight:700;margin-top:15px}.progress{height:6px;background:#ecf0e8;border-radius:9px;overflow:hidden;margin:14px 0 6px}.progress div{height:100%;background:var(--green)}.fine{font-size:12px;color:var(--muted)}.course-note{background:#fff5e4;border-radius:10px;padding:13px 18px;font-size:13px;margin:24px 0}.section-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;margin:12px 0;text-decoration:none}.section-row h3{margin:0 0 4px}.section-row p{margin:0;font-size:13px}.badge{font-size:11px;white-space:nowrap;background:#eef4e7;padding:6px 10px;border-radius:20px}.back{font-size:13px;text-decoration:none}.lesson{margin:24px 0}.lesson p{font-size:17px;line-height:1.8}.facts{background:#f2f6ed;padding:20px 24px;border-radius:12px}.facts li{margin:10px 0}.example{border-left:4px solid #adca71;padding:12px 18px;background:#f7faef;margin-top:24px}.question{margin:16px 0}.question legend{font-weight:700;padding:0 0 12px}.question fieldset{border:0;padding:0;margin:0;min-width:0}.choice{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin:7px 0;border:1px solid var(--line);border-radius:8px;cursor:pointer}.choice:hover{background:#f4f7ef}.choice input{accent-color:var(--green);margin-top:6px;flex-shrink:0}.choice.selected{background:#eef4e5;border-color:#9ebd6c}.explanation{background:#f0f5e9;border-radius:9px;padding:15px;margin-top:15px}.explanation.wrong{background:#fff1e9}.explanation p{font-size:14px;margin:7px 0}.explanation summary{cursor:pointer;font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.result{border:2px solid #94b574;margin:25px 0}.score{font-size:44px;font-weight:800}.history{border-top:1px solid var(--line);margin-top:35px;padding-top:15px}.history li{margin:8px 0;font-size:14px}footer{padding:24px 5%;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}dialog{border:0;border-radius:18px;max-width:480px;width:calc(100% - 28px);padding:28px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#173b3570}dialog label{display:block;font-size:14px;font-weight:700;margin-top:20px}dialog input{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #b8c7bc;border-radius:8px}dialog small{font-size:11px;color:var(--muted)}.close{float:right;padding:3px 14px;font-size:24px}.text-button{border:0;display:block;font-size:13px;padding-left:0}#auth-error{color:#9b352b}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 20px;border-radius:12px;box-shadow:0 4px 15px #0002;display:none;max-width:90%;z-index:5}.skip{position:absolute;left:15px;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}button:disabled{opacity:.5;cursor:default}@media(max-width:1000px){.cards{grid-template-columns:1fr}.card h3{min-height:0}.hero{grid-template-columns:1fr}.art{display:none}.layout{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:650px){header{padding:16px 18px}.brand{font-size:17px}.brand small{display:none}.logo{width:40px;height:40px}.account{gap:8px}#sync{max-width:105px;font-size:10px}.account button{padding:8px 11px}.layout{display:block}aside{padding:12px 18px;border-right:0;border-bottom:1px solid var(--line)}aside .eyebrow,.aside-note{display:none}nav{display:flex;gap:5px;overflow-x:auto;margin:0}nav a{flex-shrink:0;margin:0;padding:8px 10px;font-size:12px}nav .home{margin:0}nav a small{display:none}main{padding:28px 18px}.hero{padding:25px}.lesson{padding:20px}.lesson p{font-size:16px}.section-row{padding:17px}.question{padding:18px}.section-row h3{font-size:16px}.badge{white-space:normal}.stats{gap:12px}.stat{padding-right:12px}.stat strong{font-size:23px}h1{letter-spacing:-1px}footer{padding:20px}.choice{min-height:48px}}