:root{--ink:#10231d;--forest:#123f31;--green:#1e604b;--lime:#c8ee74;--paper:#f7f5ed;--cream:#ece8dc;--white:#fff;--line:#ccd4cd;--red:#9b2c2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font:16px/1.62 Arial,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;line-height:1.1}h1{letter-spacing:-.045em;font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.55rem,3vw,2.5rem)}button,input{font:inherit}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.site-header nav,.site-footer nav{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.site-header a,.site-footer a{font-weight:700;text-decoration:none}.site-brand{align-items:center;gap:9px;font-size:1.15rem;display:flex}.site-brand span{background:var(--forest);color:var(--white);border-radius:6px;padding:6px 10px}.site-brand strong{color:var(--green)}.nav-signup,.button{border:1px solid var(--forest);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-flex}.button-primary,.nav-signup{background:var(--forest);color:#fff}.button-secondary{color:var(--forest);background:0 0}.button:disabled{opacity:.5;cursor:not-allowed}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--green);margin-bottom:10px;font-size:.75rem;font-weight:900}.hero{grid-template-columns:1.45fr .75fr;align-items:center;gap:64px;padding:90px 0 75px;display:grid}.hero p,.page-intro>p,.lesson-hero>p{max-width:760px;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-card{background:var(--forest);color:#fff;border-radius:18px;gap:12px;padding:34px;display:grid;box-shadow:0 18px 45px #123f3130}.hero-card strong{font:2rem Georgia,serif}.metrics{background:var(--lime);border-radius:14px;grid-template-columns:repeat(3,1fr);padding:25px;display:grid}.metrics article{text-align:center;display:grid}.metrics strong{font:2.5rem Georgia,serif}.feature-grid,.module-grid,.pricing-grid{grid-template-columns:repeat(3,1fr);gap:22px;padding:80px 0;display:grid}.feature-grid article,.module-grid article,.price-card,.reference-list article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:28px}.module-grid article{flex-direction:column;display:flex}.module-grid article>a{color:var(--green);margin-top:auto;padding-top:20px;font-weight:900}.module-grid small{color:var(--green);font-weight:700}.page-intro,.lesson-hero{padding:75px 0 45px}.review-note,.notice{background:#fff7d6;border-left:5px solid #b78000;border-radius:4px;padding:15px 18px}.lesson-objectives{grid-template-columns:.65fr 1.35fr;gap:40px;padding:45px 0;display:grid}.lesson-objectives li{gap:16px;margin-bottom:14px;display:flex}.lesson-objectives li span{color:var(--green);min-width:70px;font-weight:900}.lesson-glossary{padding:55px 0}.lesson-glossary dl{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.lesson-glossary dl>div{border:1px solid var(--line);background:#fff;padding:20px}.lesson-glossary dt{font-weight:900}.lesson-glossary abbr{margin-left:8px}.lesson-glossary small{color:#445;margin-top:8px;display:block}.lesson-body{max-width:920px}.lesson-section{border-top:1px solid var(--line);grid-template-columns:65px 1fr;gap:20px;padding:55px 0;display:grid}.lesson-section-number{color:var(--green);font:2rem Georgia,serif}.why-it-matters{background:var(--cream);border-radius:8px;padding:18px}.lesson-section-content>p,.lesson-section-content>ul{max-width:780px}.diagram,.teaching-visual{border:1px solid var(--line);background:#fff;border-radius:12px;margin:35px 0;padding:18px}.diagram img{width:100%;height:auto}.diagram figcaption,.teaching-visual figcaption{color:#53605b;margin-top:10px}.teaching-visual>div{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.teaching-visual article{background:var(--cream);border-radius:7px;padding:15px}.teaching-visual article span{background:var(--forest);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:8px;display:inline-grid}.teaching-visual article p{margin:8px 0 0}.worked-example,.section-check{background:#eef7f2;border-radius:10px;margin:30px 0;padding:24px}.section-check{background:#f1eddf}.section-check summary,.lesson-review-band summary{cursor:pointer;font-weight:900}.formula-grid{gap:10px;display:grid}.formula-grid>div{color:#fff;background:#10231d;justify-content:space-between;padding:15px;display:flex}.lesson-review-band{background:var(--forest);color:#fff;padding:60px 0}.lesson-review-band details{border-top:1px solid #fff5;padding:16px 0}.lesson-footer-grid{grid-template-columns:1fr 1fr;gap:50px;padding:70px 0;display:grid}.quiz-shell{padding:55px 0 90px}.question-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin:18px 0;padding:26px}.question-card h2{gap:12px;font-size:1.25rem;display:flex}.question-card h2 span{color:var(--green)}fieldset{border:0;gap:8px;padding:0;display:grid}.choice{border:1px solid var(--line);border-radius:7px;gap:10px;padding:12px;display:flex}.choice.correct{background:#e9f8ef;border-color:#25834e}.choice.incorrect{border-color:var(--red);background:#fff0f0}.answer-review{background:var(--cream);margin-top:16px;padding:16px}.score-card{background:var(--lime);border-radius:12px;align-items:center;gap:20px;padding:25px;font-size:1.8rem;display:flex}.dashboard-list{padding-bottom:70px}.dashboard-list article{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.dashboard-list article>div:last-child{gap:16px;display:flex}.dashboard-list .locked{opacity:.65}.auth-layout{grid-template-columns:1fr 440px;gap:55px;padding:90px 0;display:grid}.auth-panel{border:1px solid var(--line);background:#fff;border-radius:12px;gap:14px;padding:32px;display:grid}.pricing-grid{grid-template-columns:minmax(0,520px);justify-content:center}.price-card .price{align-items:baseline;gap:12px;display:flex}.price-card .price strong{font:3rem Georgia,serif}.price-card form{gap:15px;display:grid}.price-card label{gap:6px;display:grid}.price-card input{border:1px solid var(--line);padding:11px}.pill{background:var(--lime);border-radius:20px;padding:6px 10px;font-weight:900;display:inline-block}.free-plan{background:var(--cream);justify-content:space-between;align-items:center;gap:25px;margin-bottom:70px;padding:35px;display:flex}.reference-list{gap:14px;padding-bottom:70px;display:grid}.site-footer{color:#fff;background:#0c2f25;padding:42px 0}.footer-grid{justify-content:space-between;gap:30px;display:flex}.site-footer p{max-width:650px;margin-bottom:0}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:800px){.shell{width:min(100% - 26px,1180px)}.site-header{align-items:flex-start;padding-block:18px}.site-header nav{gap:10px}.hero,.auth-layout,.lesson-objectives,.lesson-footer-grid{grid-template-columns:1fr;gap:25px}.metrics,.feature-grid,.module-grid,.lesson-glossary dl,.lesson-section,.teaching-visual>div{grid-template-columns:1fr}.dashboard-list article{grid-template-columns:42px 1fr}.dashboard-list article>a,.dashboard-list article>div:last-child{grid-column:2}.footer-grid,.free-plan{display:grid}h1{font-size:2.7rem}}.review-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0 32px;display:grid}.review-card{border:1px solid #0000001f;border-radius:12px;flex-direction:column;gap:10px;padding:22px;display:flex}.review-stars{color:#b8860b;letter-spacing:.08em;margin:0}.review-headline{margin:0;font-weight:700}.review-comment{margin:0;line-height:1.65}.review-author{opacity:.75;margin:auto 0 0;font-size:.88rem;font-weight:600}
.site-brand .brand-logo{object-fit:cover;border-radius:7px;width:38px;height:38px;padding:0}.site-brand span{color:var(--ink);background:0 0;padding:0;font-weight:900}.nav-button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-bottom:54px;display:grid}.admin-stats article{border:1px solid var(--line);background:var(--white);border-radius:10px;gap:8px;padding:20px;display:grid}.admin-stats span{color:#44534d;font-size:.86rem;font-weight:700}.admin-stats strong{font:1.75rem Georgia,serif}.admin-section{padding-bottom:62px}.admin-table-wrap{border:1px solid var(--line);background:var(--white);border-radius:10px;overflow-x:auto}.admin-table-wrap table{border-collapse:collapse;width:100%}.admin-table-wrap th,.admin-table-wrap td{border-bottom:1px solid var(--line);text-align:left;padding:13px 15px}.admin-table-wrap th{background:var(--cream);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.admin-table-wrap tbody tr:last-child td{border-bottom:0}.diagram{background:#fff;border:1px solid #bfcfc7;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 18px 42px #10231d24}.diagram img{aspect-ratio:16/9;object-fit:cover;display:block}.diagram-zoom-trigger{width:100%;color:inherit;cursor:zoom-in;background:#fff;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.diagram-zoom-trigger img{transition:transform .18s,filter .18s}.diagram-zoom-trigger:hover img,.diagram-zoom-trigger:focus-visible img{filter:brightness(.92);transform:scale(1.012)}.diagram-zoom-trigger:focus-visible{outline:4px solid var(--lime);outline-offset:-4px}.diagram-zoom-hint{color:#fff;opacity:0;pointer-events:none;background:#0c2f25eb;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.8rem;font-weight:800;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:18px;right:18px;transform:translateY(8px);box-shadow:0 8px 24px #0000003d}.diagram-zoom-hint svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:20px;height:20px}.diagram-zoom-trigger:hover .diagram-zoom-hint,.diagram-zoom-trigger:focus-visible .diagram-zoom-hint{opacity:1;transform:translateY(0)}.diagram figcaption{color:#344b42;background:linear-gradient(135deg,#fff,#f2f6f3);border-top:1px solid #dbe4df;margin:0;padding:15px 18px 17px;font-size:.92rem;line-height:1.5}.lesson-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.diagram-lightbox{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04120ef0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.diagram-lightbox-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(96vw,1600px);height:min(94vh,1000px);display:grid}.diagram-lightbox-toolbar{justify-content:center;align-items:center;gap:8px;display:flex}.diagram-lightbox-toolbar button{color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff8c;border-radius:8px;padding:8px 13px;font-weight:800}.diagram-lightbox-toolbar button:hover:not(:disabled){background:#fff3}.diagram-lightbox-toolbar button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.diagram-lightbox-toolbar button:disabled{cursor:default;opacity:.38}.diagram-lightbox-toolbar output{color:#fff;font-variant-numeric:tabular-nums;text-align:center;min-width:58px}.diagram-lightbox-toolbar .diagram-lightbox-close{margin-left:10px;font-size:1.65rem;line-height:1}.diagram-lightbox-viewport{touch-action:none;background:#fff;border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.diagram-lightbox-viewport.is-zoomed{cursor:grab}.diagram-lightbox-viewport.is-dragging{cursor:grabbing}.diagram-lightbox-viewport img{object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform;width:auto;max-width:100%;max-height:100%;transition:transform .12s}.diagram-lightbox-viewport.is-dragging img{transition:none}.diagram-lightbox-panel>p{color:#fff;text-align:center;max-width:90ch;margin:0 auto;font-size:.9rem}@media (hover:none){.diagram-zoom-hint{opacity:.88;transform:none}}@media (max-width:640px){.diagram-lightbox{padding:10px}.diagram-lightbox-panel{width:100%;height:calc(100vh - 20px)}.diagram-lightbox-toolbar{flex-wrap:wrap}.diagram-zoom-hint span{display:none}}.pricing-grid{grid-template-columns:repeat(2,minmax(0,520px));justify-content:center}@media (max-width:800px){.admin-stats{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}}