@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172e2c;--muted:#62736f;--green:#123c35;--lime:#ddf2a0;--line:#dce4e1;--paper:#f4f7f5;--white:#fff;--red:#a93239;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #638fcd;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.25;margin-bottom:10px}h2{font-size:22px;line-height:1.35;letter-spacing:-.5px}h3{font-size:17px;line-height:1.4;margin-bottom:8px}.shell{display:flex;min-height:100vh}aside{width:246px;flex-shrink:0;background:var(--white);border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:1px;line-height:1.65}.brand small{font-size:12px;letter-spacing:2.3px;color:var(--muted)}.brand-icon{display:grid;place-items:center;background:var(--green);color:var(--lime);width:43px;height:46px;border-radius:12px;font-size:22px;letter-spacing:-1px}.nav-label{font-size:12px;letter-spacing:1.6px;color:#7b8884;margin:48px 12px 14px}nav{display:grid;gap:7px}nav a{padding:13px 14px;display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:10px;color:var(--muted);font-size:17px}nav a span{font-size:14px;font-weight:500}nav a:hover{background:#f0f5f1}nav a.active{background:#e8f0eb;color:var(--green);font-weight:700}.sidebar-bottom{margin-top:auto;padding:28px 12px 0}.sidebar-bottom p{margin:16px 0;color:var(--ink);font-size:18px;font-weight:600}.sidebar-bottom small{font-size:12px;color:var(--muted)}.free-label{font-size:11px;letter-spacing:1.8px;background:var(--lime);padding:6px 9px;border-radius:5px}.workspace{min-width:0;flex:1}header{min-height:82px;border-bottom:1px solid var(--line);padding:22px 42px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:600;letter-spacing:.4px;background:#ffffff80}.divider{margin:0 15px;color:#a8b4af}#crumb{font-weight:400;letter-spacing:0;color:var(--muted)}.header-badge{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-weight:400;color:var(--muted)}main{max-width:1340px;padding:38px 42px 50px;margin:auto;min-height:75vh}footer{border-top:1px solid var(--line);padding:20px 42px;font-size:12px;color:var(--muted)}footer a{margin-left:8px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin-bottom:10px}.subtitle{color:var(--muted);margin:0;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:9px;background:var(--green);border:1px solid var(--green);color:white;text-decoration:none;font-size:14px;font-weight:600;min-height:45px}.btn:hover{filter:brightness(1.12)}.btn.light{background:white;color:var(--ink);border-color:var(--line)}.btn.lime{background:var(--lime);color:var(--green);border-color:var(--lime)}.btn.text{background:transparent;color:var(--green);border-color:transparent;padding:6px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.stat .label{color:var(--muted);font-size:13px}.stat strong{display:block;font:700 29px/1.4 Manrope,sans-serif;margin-top:5px;letter-spacing:-1px}.stat small{font-size:12px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.focus-card{padding:30px;border-radius:var(--radius);background:var(--green);color:white;position:relative;overflow:hidden;min-height:242px}.focus-card .eyebrow{color:#c4d6b5}.focus-card h2{font-size:27px;max-width:390px;margin:16px 0 10px}.focus-card p{color:#c5d7d1;font-size:14px;max-width:450px}.focus-card .btn{margin-top:12px}.step-mark{position:absolute;right:28px;top:23px;font:600 52px Manrope;color:#ffffff15}.daily-card{background:#eaf0e0;border:1px solid #d6e0ca;border-radius:var(--radius);padding:28px}.daily-card .eyebrow{color:#586848}.daily-card h2{margin:16px 0 10px}.daily-card p{color:#5d6b56;font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:32px 0 16px}.section-head h2{margin:0}.section-head small{color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s}.topic-card:hover{transform:translateY(-3px);border-color:#72978b}.topic-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.topic-number{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#edf3ef;font:600 13px Manrope;color:#456e5e}.topic-card .meta{font-size:12px;color:var(--muted)}.topic-card h3{min-height:48px}.topic-card p{font-size:13px;color:var(--muted);margin:0 0 18px}.progress-track{height:5px;border-radius:8px;background:#eaf0ec;overflow:hidden}.progress-track>span{display:block;height:100%;background:#559b7d;border-radius:8px}.topic-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:20px}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}.muted{color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tag{font-size:12px;background:#eef4ef;color:#3e6556;border-radius:5px;padding:4px 9px}.tabs{display:flex;gap:8px;margin:24px 0}.tabs .selected{background:var(--green);color:white;border-color:var(--green)}.lesson{padding:22px 0;border-bottom:1px solid var(--line)}.lesson:last-child{border-bottom:0}.lesson p{color:var(--muted);font-size:15px;margin-bottom:10px}.formula{font-family:ui-monospace,monospace;font-size:15px;background:#f0f5f2;padding:13px 16px;border-left:3px solid #98ba73;border-radius:4px;overflow-wrap:anywhere}.controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:20px 0}.controls label,.field{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:14px}select,input{background:white;border:1px solid #bacbc3;border-radius:8px;min-height:44px;padding:9px 12px;max-width:100%;color:var(--ink)}.question-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;color:var(--muted);font-size:13px}.question-text{font-size:22px;line-height:1.6;font-weight:500;margin:20px 0 27px}.answers{display:grid;gap:12px}.answer{display:flex;align-items:center;gap:16px;text-align:left;background:white;border:1px solid #cad8d0;border-radius:10px;padding:15px;font-size:16px;color:var(--ink)}.answer>span:first-child{font-size:13px;display:grid;place-items:center;width:29px;height:29px;background:#f0f5f1;border-radius:6px;flex-shrink:0}.answer:hover:not(:disabled){border-color:var(--green);background:#f6faf7}.answer.chosen{border:2px solid var(--green);background:#edf4ed}.answer.correct{border:2px solid #2f7753;background:#edf7ef;opacity:1}.answer.wrong{border:2px solid var(--red);background:#fff0f0;opacity:1}.answer:disabled{opacity:.75}.feedback{margin-top:22px;padding:22px;border-radius:10px;background:#edf7ef;border:1px solid #b5d3be}.feedback.incorrect{background:#fff5f2;border-color:#e5c2ba}.feedback p{margin:10px 0 0;white-space:pre-line}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.timer{font:600 18px ui-monospace,monospace;background:#edf3ef;padding:8px 12px;border-radius:8px}.flash{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px;background:var(--green);color:white;border:0;border-radius:16px;padding:40px;text-align:center;gap:23px}.flash .eyebrow{color:#bed3bb}.flash .card-text{font-family:Manrope;font-size:25px;line-height:1.55;max-width:760px}.flash .hint{font-size:13px;color:#bad2c6}.flash.back{background:#e8f0dd;color:var(--green)}.flash.back .eyebrow,.flash.back .hint{color:#54704e}.card-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.empty{padding:40px;text-align:center}.empty p{color:var(--muted)}.list-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row small{color:var(--muted)}.list-row h3{margin:0;font-size:15px}.notice{background:#edf2e9;border:1px solid #d6e0ce;border-radius:10px;padding:16px;font-size:14px;color:#4e6555}.score{font:700 64px Manrope;letter-spacing:-2px}.exam-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.exam-options .panel{margin:0}.review-item{border-top:1px solid var(--line);padding:20px 0}.review-item p{white-space:pre-line}.plan-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{padding:12px 4px;text-align:center;background:#f0f5f1;border-radius:8px;font-size:12px}.day b{display:block;font-size:14px;color:var(--green)}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:10px;background:white;padding:15px;z-index:20}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:8px;padding:12px 20px;display:none;z-index:10;font-size:14px;max-width:90vw}.warning{color:var(--red)}
@media(min-width:1500px){main{padding-top:48px}.topic-card{padding:25px}}@media(max-width:1150px){aside{width:205px;padding:30px 14px}main{padding:30px 24px}header,footer{padding-left:24px;padding-right:24px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px}.hero-grid{grid-template-columns:1.3fr 1fr}}@media(max-width:800px){aside{width:76px;padding:25px 12px}.brand>span:last-child,.nav-label,nav a span,.sidebar-bottom{display:none}nav{margin-top:35px}nav a{justify-content:center;padding:12px;font-size:22px}.brand{justify-content:center}.hero-grid,.two-col{grid-template-columns:1fr}.header-badge{display:none}.stats{gap:10px}.stat strong{font-size:24px}h1{font-size:29px}.daily-card{padding:22px}}@media(max-width:550px){.shell{display:block}aside{position:static;width:100%;height:auto;padding:14px 18px;display:block;border-bottom:1px solid var(--line)}.brand{justify-content:start}.brand>span:last-child{display:block}nav{display:flex;gap:6px;margin:14px 0 0;justify-content:space-between}nav a{font-size:24px;padding:5px 13px}header{min-height:52px;padding:13px 20px;font-size:11px}main{padding:25px 18px 35px}.page-head{align-items:start;flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr;margin:20px 0}.stat{padding:16px}.topic-grid,.exam-options{grid-template-columns:1fr}.topic-card h3{min-height:0}.topic-card{padding:20px}.focus-card,.panel{padding:22px}.focus-card h2{font-size:25px}.question-text{font-size:19px}.flash{padding:28px 20px;min-height:290px}.flash .card-text{font-size:22px}.tabs{flex-wrap:wrap}.controls{align-items:stretch}.controls label{width:100%}.controls select{width:100%}.question-head{flex-wrap:wrap}.plan-days{grid-template-columns:repeat(4,1fr)}footer{padding:20px}.quiz-actions{flex-wrap:wrap}}
