@import "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:#1b2420;--muted:#68726d;--line:#e7ebe7;--cream:#f8faf7;--sage:#dcefe0;--green:#174635;--lime:#c8ef7b;--orange:#f6d2b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em;font-family:Manrope,sans-serif}p{color:var(--muted);line-height:1.65}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#153d31;flex-direction:column;flex:none;width:252px;height:100vh;padding:30px 20px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.05em;align-items:center;gap:12px;padding:0 11px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.brand-icon{background:var(--lime);color:#153d31;border-radius:12px;place-items:center;width:36px;height:36px;font-size:23px;display:grid}.brand-accent{color:var(--lime)}.brand small{letter-spacing:.24em;font-size:9px;font-weight:700;line-height:1.2;display:block}.sidebar-label{letter-spacing:.18em;color:#9cbaa9;margin:59px 12px 16px;font-size:10px;font-weight:800}.sidebar-nav{gap:5px;display:grid}.sidebar-nav a{color:#d4e4d8;border-radius:11px;align-items:center;gap:13px;padding:13px 15px;font-size:14px;font-weight:600;display:flex}.sidebar-nav a:hover,.sidebar-nav a:focus-visible{color:#fff;background:#28614a}.nav-icon{text-align:center;width:22px;font-size:20px;line-height:1}.sidebar-bottom{background:#22523f;border-radius:17px;margin-top:auto;padding:20px}.spark{color:var(--lime);font-size:25px}.sidebar-bottom strong{margin-top:8px;font-family:Manrope,sans-serif;font-size:17px;display:block}.sidebar-bottom p{color:#c1d8c9;margin:7px 0 17px;font-size:12px}.sidebar-bottom a{color:var(--lime);font-size:12px;font-weight:700}.sidebar-profile{border-top:1px solid #376450;align-items:center;gap:10px;margin-top:18px;padding:20px 5px 0;display:flex}.avatar{background:var(--orange);color:#513a2e;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:12px}.sidebar-profile small{color:#b0cdb9;margin-top:3px;font-size:11px}.main-wrap{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;height:80px;padding:0 5.5%;display:flex}.topbar-right{align-items:center;gap:18px;display:flex}.topbar-right a{color:var(--green);font-size:13px;font-weight:800}.preview-pill{letter-spacing:.12em;color:#496d52;background:#edf7e7;border-radius:100px;padding:8px 11px;font-size:10px;font-weight:800}.mobile-brand{display:none}.content{max-width:1370px;margin:auto;padding:35px 5.5% 80px}.eyebrow{letter-spacing:.18em;color:#568f66;margin-bottom:15px;font-size:10px;font-weight:800}.hero{background:#e8f3e8;border-radius:22px;grid-template-columns:1.2fr .8fr;min-height:354px;display:grid;overflow:hidden}.hero>div:first-child{padding:52px 6%}.hero h1{margin-bottom:18px;font-size:clamp(38px,4vw,60px);line-height:1.13}.hero h1 em{color:#38895d;font-style:normal}.hero p{max-width:570px;font-size:15px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.button{border-radius:9px;justify-content:center;align-items:center;gap:20px;min-height:45px;padding:12px 18px;font-size:12px;font-weight:800;display:inline-flex}.button-dark{color:#fff;background:#174635}.button-light{color:#174635;background:#fff;border:1px solid #d8e6d9}.disabled{opacity:.64;cursor:default}.hero-art{background:radial-gradient(circle at 58% 51%,#b4ddb8 0 17%,#0000 18%),radial-gradient(circle at 58% 51%,#d7ead3 0 39%,#0000 40%);place-items:center;display:grid;position:relative;overflow:hidden}.hero-orbit{color:#2e8153;opacity:.6;font-size:210px;position:absolute;transform:rotate(-18deg)}.art-card{background:#fff;border-radius:15px;width:220px;padding:20px;position:relative;transform:rotate(8deg);box-shadow:0 18px 60px #1d5b3e25}.art-card small,.art-card strong,.art-card span{display:block}.art-card small{letter-spacing:.16em;color:#5c9b6c;font-size:9px;font-weight:800}.art-card strong{margin:15px 0 11px;font-family:Manrope,sans-serif;font-size:20px;line-height:1.2}.art-card span{color:var(--muted);font-size:11px}.preview-note,.notice{color:#6a654e;background:#fffdf4;border:1px solid #e7e4d9;border-radius:10px;margin-top:20px;padding:12px 16px;font-size:12px;line-height:1.55}.preview-note strong{color:#494735}.section{margin-top:52px}.section-head{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-head h2{margin:0;font-size:29px}.section-head a,.text-link{color:#27724a;font-size:13px;font-weight:800}.card-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.lesson-card,.panel,.path-card,.discussion,.event-card,.plan{border:1px solid var(--line);background:#fff;border-radius:16px}.lesson-card{overflow:hidden}.lesson-art{background:#dcefe0;place-items:center;height:155px;display:grid;position:relative}.lesson-card:nth-child(2) .lesson-art{background:#fae8da}.lesson-card:nth-child(3) .lesson-art{background:#e7e8fa}.lesson-art>span{color:#285c42;background:#ffffffbe;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.lesson-art small{color:#2c6649;font-size:12px;font-weight:800;position:absolute;top:15px;right:15px}.card-body{padding:20px}.tag{color:#478c5b;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.card-body h3{margin:10px 0 8px;font-size:18px}.card-body p{margin:0;font-size:12px}.two-col{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.panel{padding:28px}.panel h2{font-size:23px;line-height:1.3}.panel p{font-size:13px}.page-heading{margin:22px 0 31px}.page-heading h1{margin-bottom:14px;font-size:clamp(36px,4vw,54px);line-height:1.15}.page-heading h1 span{color:#69aa68}.page-heading p{max-width:650px;font-size:15px}.notice{margin-bottom:26px}.learning-path,.event-list{gap:13px;display:grid}.path-card{align-items:center;gap:25px;padding:25px;display:flex}.path-number{color:#43855a;background:#eaf5e8;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:grid}.path-card h2{margin:8px 0;font-size:21px}.path-card p{margin:0;font-size:13px}.path-arrow{color:#448757;margin-left:auto;font-size:24px}.community-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.composer{border:1px solid var(--line);color:#8b968f;border-radius:13px;align-items:center;gap:14px;margin-bottom:15px;padding:15px;font-size:13px;display:flex}.composer span:last-child{margin-left:auto;font-size:24px}.discussion{margin-bottom:15px;padding:24px}.discussion h2{margin:10px 0;font-size:20px}.discussion p{font-size:13px}.discussion-foot{color:#819087;border-top:1px solid var(--line);justify-content:space-between;margin-top:20px;padding-top:17px;font-size:12px;display:flex}.guidelines h2{font-size:20px}.guidelines>div:not(.eyebrow){color:#689072;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.guidelines strong{color:#273a2c;margin-left:10px}.event-card{align-items:center;gap:24px;padding:24px;display:flex}.event-date{color:#2d6e4b;background:#e9f5e6;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:70px;height:82px;display:flex}.event-date small{font-size:10px;font-weight:800}.event-date strong{font-family:Manrope,sans-serif;font-size:30px;line-height:1.1}.event-card h2{margin:8px 0;font-size:21px}.event-card p{margin:0 0 8px;font-size:13px}.event-time{color:#477459;font-size:12px;font-weight:700}.event-action{color:#56785c;white-space:nowrap;background:#eff7ec;border-radius:100px;margin-left:auto;padding:10px 13px;font-size:11px}.progress-grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.progress-main h2{font-size:31px}.progress-main p{max-width:630px}.action-steps{gap:12px;margin:25px 0;display:grid}.action-steps div{align-items:center;gap:12px;font-size:13px;display:flex}.action-steps span{color:#347950;background:#eaf6e7;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.milestone{border-top:1px solid var(--line);align-items:start;gap:15px;padding:16px 0;display:flex}.milestone>span{color:#5d9666;font-weight:800}.milestone strong,.milestone small{display:block}.milestone strong{font-size:13px}.milestone small{color:#8a958f;margin-top:4px}.parent-note{background:#f1f8ed;border-radius:12px;margin-top:13px;padding:16px}.parent-note strong{font-size:13px}.parent-note p{margin:6px 0 0;font-size:12px}.plans{grid-template-columns:1fr 1fr;gap:20px;display:grid}.plan{padding:32px}.plan.featured{background:#f4faf1;border:2px solid #6eaf7b}.plan h2{margin:12px 0;font-size:28px}.plan-price{letter-spacing:-.05em;font-family:Manrope,sans-serif;font-size:41px;font-weight:800}.plan-price small{color:#7c8b7e;letter-spacing:0;font-size:15px}.plan>p{min-height:45px;font-size:13px}.plan ul{margin:25px 0;padding:0;list-style:none}.plan li{border-top:1px solid #dfebe1;padding:12px 0;font-size:13px}.plan li:before{content:"✓";color:#36865a;margin-right:10px;font-weight:800}.plan-foot{text-align:center;margin-top:18px;font-size:12px}@media (max-width:1050px){.sidebar{width:205px}.hero{grid-template-columns:1fr .6fr}.hero-art{min-height:250px}.community-layout{grid-template-columns:1fr}.guidelines{display:none}}@media (max-width:760px){.shell{display:block}.sidebar{width:auto;height:auto;padding:14px;display:block;position:static}.sidebar .brand,.sidebar-label,.sidebar-bottom,.sidebar-profile{display:none}.sidebar-nav{gap:4px;display:flex;overflow:auto}.sidebar-nav a{white-space:nowrap;gap:5px;padding:10px 11px;font-size:11px}.nav-icon{width:17px;font-size:15px}.topbar{justify-content:space-between;height:60px;padding:0 5%}.mobile-brand{font-family:Manrope,sans-serif;font-weight:800;display:block}.mobile-brand span{color:#5eae69}.topbar-right{gap:8px}.preview-pill{font-size:8px}.topbar-right a{font-size:10px}.content{padding:20px 5% 50px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:34px 25px}.hero-art{display:none}.card-grid,.two-col,.progress-grid,.plans{grid-template-columns:1fr}.section-head{align-items:center}.section-head h2{font-size:24px}.path-card{gap:14px;padding:18px}.path-number{width:48px;height:48px;font-size:18px}.path-card h2{font-size:17px}.event-card{align-items:flex-start;gap:13px;padding:16px}.event-action{display:none}.plan{padding:23px}}
