:root{--color-green-950: #062d1e;--color-green-900: #0b3d28;--color-green-800: #0f5a35;--color-green-700: #137a42;--color-green-600: #1d944f;--color-green-100: #e8f6ea;--color-green-050: #f3fbf4;--color-yellow-500: #f7bf2c;--color-yellow-300: #ffd86b;--color-coral-500: #f2694b;--color-coral-100: #fff0ec;--color-cream-000: #fffdf6;--color-cream-100: #fff8e9;--color-card: rgba(255, 255, 255, .9);--color-text: #12231b;--color-muted: #627369;--color-line: rgba(14, 68, 40, .14);--shadow-card: 0 16px 40px rgba(24, 48, 35, .09);--shadow-soft: 0 8px 22px rgba(24, 48, 35, .08);--header-height: 78px;--radius-xl: 28px;--radius-lg: 18px;--radius-md: 12px;--page-max: 1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 6% 35%,rgba(29,148,79,.09),transparent 24rem),radial-gradient(circle at 96% 70%,rgba(242,105,75,.08),transparent 22rem),linear-gradient(180deg,var(--color-cream-000),var(--color-cream-100));color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:2rem;align-items:center;min-height:var(--header-height);padding:0 2rem;background:linear-gradient(135deg,var(--color-green-950),var(--color-green-800));color:#fff;box-shadow:0 8px 28px #062d1e40}.brand{display:inline-flex;align-items:center;gap:.75rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{position:relative;display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-flower{color:var(--color-yellow-300);font-size:1.55rem;line-height:1}.header-progress{display:grid;grid-template-columns:auto minmax(160px,260px) auto;gap:.8rem;align-items:center;justify-self:start;min-width:min(100%,470px)}.level-label,.xp-text{font-size:.95rem;font-weight:800;white-space:nowrap}.xp-track{position:relative;height:1rem;overflow:hidden;border:2px solid rgba(255,255,255,.92);border-radius:999px;background:#0522168c;box-shadow:inset 0 1px 4px #00000038}.xp-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-yellow-300),var(--color-yellow-500));box-shadow:0 0 14px #f7bf2c66}.site-nav{display:flex;gap:.6rem;align-items:center;justify-content:flex-end;font-weight:750;white-space:nowrap}.site-nav a{padding:.75rem 1rem;border-radius:999px;color:#ffffffe6}.site-nav a:hover,.site-nav a.active{background:#ffffff1c;color:#fff}.page-shell{width:min(var(--page-max),calc(100% - 3rem));margin:0 auto;padding:4.1rem 0 5rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);gap:2.2rem;align-items:start;margin-bottom:2rem}.hero-copy{position:relative;padding:.5rem 0 0 7.2rem}.hero-copy:before{content:"";position:absolute;top:-1.4rem;left:0;width:5.5rem;height:11rem;opacity:.16;background:radial-gradient(ellipse at center,var(--color-green-700) 0 48%,transparent 50%) 40% 0 / 2.6rem 4rem,radial-gradient(ellipse at center,var(--color-green-700) 0 48%,transparent 50%) 5% 35% / 2.6rem 4rem,radial-gradient(ellipse at center,var(--color-green-700) 0 48%,transparent 50%) 70% 36% / 2.6rem 4rem,linear-gradient(var(--color-green-700),var(--color-green-700)) 48% 30% / .45rem 8rem;background-repeat:no-repeat;border-radius:999px}.eyebrow{margin:0 0 .6rem;color:var(--color-green-700);font-size:.85rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.hero-copy h1{margin-bottom:1rem;color:var(--color-green-950);font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,7vw,5.2rem);line-height:.95;letter-spacing:-.065em}.hero-subtitle{max-width:33rem;margin-bottom:1.8rem;color:#40544a;font-size:1.18rem;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.button{display:inline-flex;gap:.65rem;align-items:center;justify-content:center;min-height:3.2rem;padding:0 1.4rem;border-radius:.85rem;font-weight:850}.button-primary{background:linear-gradient(135deg,var(--color-green-700),var(--color-green-600));color:#fff;box-shadow:0 12px 24px #137a4238}.button-secondary{color:var(--color-green-700)}.content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);gap:2.2rem;align-items:start}.lesson-area{position:relative;display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem}.garden-stem{position:relative;min-height:568px}.stem-line{position:absolute;top:2.3rem;bottom:1.3rem;left:3.85rem;width:.5rem;border-radius:999px;background:linear-gradient(180deg,#2f9d4e,#137a42);box-shadow:inset 0 0 0 1px #062d1e1a}.soil{position:absolute;bottom:0;left:2.35rem;width:3.7rem;height:1.35rem;border-radius:999px;background:radial-gradient(circle at 25% 35%,#80522e 0 18%,transparent 20%),radial-gradient(circle at 52% 40%,#5d3d25 0 22%,transparent 24%),radial-gradient(circle at 75% 42%,#8a6139 0 18%,transparent 20%),#3f2918;box-shadow:0 .35rem .5rem #3f291838}.plant-node{position:absolute;left:0;display:flex;align-items:center;width:7.5rem;height:3rem}.plant-node-1{top:.8rem}.plant-node-2{top:5.6rem}.plant-node-3{top:10.5rem}.plant-node-4{top:15.4rem}.plant-node-5{top:20.4rem}.plant-node-6{top:25.3rem}.plant-node-7{top:30.2rem}.connector{position:absolute;right:-1rem;width:2.7rem;height:.2rem;border-radius:999px;background:var(--color-green-600)}.connector:after{content:"";position:absolute;right:-.25rem;top:50%;width:.65rem;height:.65rem;border-radius:999px;background:var(--color-green-600);transform:translateY(-50%)}.bud{position:absolute;left:2.5rem;display:grid;place-items:center;width:2.55rem;height:2.55rem;transform-origin:bottom center}.bud-core{display:block;width:1.8rem;height:2.2rem;border-radius:55% 55% 45% 45%;background:linear-gradient(145deg,#46ad59,#1c7d43);box-shadow:inset -.25rem -.2rem #062d1e29,0 .2rem .4rem #062d1e2e}.plant-node.completed .bud{width:3.25rem;height:3.25rem;left:2.13rem;border-radius:999px;background:radial-gradient(circle,#5c3f1e 0 24%,transparent 25%),repeating-conic-gradient(from 0deg,var(--color-yellow-300) 0deg 18deg,#f3a91d 18deg 36deg);box-shadow:0 .25rem .6rem #f7bf2c40}.plant-node.completed .bud-core{width:1.25rem;height:1.25rem;border-radius:999px;background:#5c3f1e;box-shadow:inset 0 0 0 .18rem #ffd86b40}.plant-node.active .bud:before,.plant-node.active .bud:after{content:"";position:absolute;top:.45rem;width:.55rem;height:.12rem;border-radius:999px;background:var(--color-green-700);opacity:.9}.plant-node.active .bud:before{left:-.4rem;transform:rotate(22deg)}.plant-node.active .bud:after{right:-.4rem;transform:rotate(-22deg)}.plant-node.locked .connector,.plant-node.locked .connector:after{background:#137a428c}.plant-node.locked .bud-core{background:linear-gradient(145deg,#6fa879,#3f8050);opacity:.82}.lesson-list{display:grid;gap:.85rem}.lesson-card,.card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}.lesson-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:4.65rem;padding:1rem}.lesson-card.active{border-color:#137a42bd;box-shadow:0 0 0 1px #137a4238,var(--shadow-soft)}.lesson-icon{display:grid;place-items:center;width:2.45rem;height:2.45rem;border-radius:999px;background:#eef3ef;color:#526359;font-weight:900}.lesson-card.completed .lesson-icon{background:var(--color-green-600);color:#fff}.lesson-card.active .lesson-icon{background:var(--color-green-100);color:var(--color-green-700)}.lesson-copy h2{margin-bottom:.25rem;font-size:1.1rem;line-height:1.2}.lesson-copy p{margin:0;color:var(--color-muted);font-size:.92rem;line-height:1.35}.lesson-status{display:grid;gap:.45rem;justify-items:end;min-width:10.2rem}.status-pill,.xp-reward{display:inline-flex;align-items:center;justify-content:center;min-height:1.95rem;padding:0 .78rem;border-radius:.65rem;font-size:.85rem;font-weight:850;white-space:nowrap}.status-pill.completed,.status-pill.active{background:var(--color-green-100);color:var(--color-green-800)}.status-pill.locked{background:#f0f1ef;color:#5f6863}.xp-reward{background:linear-gradient(180deg,var(--color-yellow-300),var(--color-yellow-500));color:#332400;box-shadow:0 0 0 2px #f7bf2c33}.mini-progress{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;width:100%;color:var(--color-green-700);font-size:.8rem;font-weight:850}.mini-progress-track{height:.48rem;overflow:hidden;border-radius:999px;background:#dfe9e0}.mini-progress-fill{height:100%;border-radius:inherit;background:var(--color-green-600)}.side-stack{display:grid;gap:1rem}.card{padding:1.35rem}.card h2{margin-bottom:1rem;color:var(--color-green-700);font-size:1.25rem}.code-preview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(145px,.8fr);gap:1rem}.code-block{margin:0;padding:1rem;overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffdf6db;color:#13251c;font-family:Fira Code,Consolas,monospace;font-size:.82rem;line-height:1.65}.line{display:block;white-space:pre}.comment{color:var(--color-green-700)}.number{color:#1b66c9}.keyword{color:#d43b32;font-weight:850}.preview-copy{display:grid;gap:.9rem;align-content:start}.preview-copy p{margin:0;color:#2e4036;line-height:1.45}.motion-preview{position:relative;display:grid;place-items:center;height:5.5rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffdf6b3}.motion-line{position:absolute;left:1rem;right:1rem;height:.15rem;border-top:.18rem dashed var(--color-green-600)}.motion-line:before,.motion-line:after{position:absolute;top:-.62rem;color:var(--color-green-600);font-weight:900}.motion-line:before{content:"<";left:-.25rem}.motion-line:after{content:">";right:-.25rem}.motion-object{position:relative;width:2rem;height:2rem;border-radius:.4rem;background:linear-gradient(145deg,#55b766,var(--color-green-600));box-shadow:0 .35rem .7rem #137a4240}.run-button{min-height:2.8rem;border:0;border-radius:.75rem;background:var(--color-green-100);color:var(--color-green-700);font-weight:900;cursor:pointer}.progress-grid{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;margin-bottom:1.2rem}.progress-ring{display:grid;place-items:center;align-content:center;width:9rem;height:9rem;border-radius:999px;background:radial-gradient(circle,white 0 57%,transparent 58%),conic-gradient(var(--color-green-600) 0 29%,#edf1e9 29% 100%)}.progress-ring span{color:var(--color-green-950);font-size:2.15rem;font-weight:950;line-height:1}.progress-ring small{color:var(--color-text);font-weight:750}.progress-stats{display:grid;gap:1rem}.progress-stats div{display:grid;grid-template-columns:2rem 3rem 1fr;gap:.35rem;align-items:center}.progress-stats span{color:var(--color-yellow-500);font-size:1.3rem}.progress-stats strong{font-size:1.1rem}.progress-stats small{color:var(--color-muted)}.encouragement{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-green-050),#eff8ea)}.encouragement h3{margin-bottom:.25rem;color:var(--color-green-800)}.encouragement p{margin:0;color:#31463a;line-height:1.35}.plant-pot{position:relative;width:4.2rem;height:4.2rem}.pot{position:absolute;right:.5rem;bottom:0;width:2.4rem;height:1.9rem;border-radius:.35rem .35rem .75rem .75rem;background:linear-gradient(180deg,#c97835,#a95526)}.pot-leaves{position:absolute;right:1.7rem;bottom:1.45rem;width:.4rem;height:2.4rem;border-radius:999px;background:var(--color-green-700)}.pot-leaves:before,.pot-leaves:after{content:"";position:absolute;width:1.4rem;height:.8rem;border-radius:999px;background:#59a960}.pot-leaves:before{left:-1.1rem;top:.4rem;transform:rotate(28deg)}.pot-leaves:after{right:-1rem;top:.05rem;transform:rotate(-28deg)}.help-card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.help-card h2{color:var(--color-coral-500)}.help-card p{max-width:18rem;color:var(--color-muted);line-height:1.4}.help-button{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;min-height:2.7rem;padding:0 1rem;border:1px solid var(--color-coral-500);border-radius:.7rem;color:var(--color-coral-500);font-weight:850}.trowel-mark{position:relative;width:5.5rem;height:5.5rem;border-radius:999px;background:radial-gradient(ellipse at 55% 42%,rgba(19,122,66,.22) 0 22%,transparent 23%),radial-gradient(ellipse at 30% 55%,rgba(19,122,66,.18) 0 22%,transparent 23%),linear-gradient(115deg,transparent 0 48%,#3d4b45 49% 55%,transparent 56%),linear-gradient(115deg,transparent 0 54%,#b87842 55% 62%,transparent 63%);opacity:.92}@media(max-width:1000px){.site-header{grid-template-columns:1fr;gap:.9rem;padding:1rem}.header-progress,.site-nav{justify-self:stretch}.site-nav{justify-content:flex-start;overflow-x:auto}.page-shell{width:min(100% - 2rem,var(--page-max));padding-top:2rem}.hero-grid,.content-grid{grid-template-columns:1fr}.hero-copy{padding-left:0}.hero-copy:before{display:none}.hero-side{order:2}}@media(max-width:680px){.header-progress,.lesson-area{grid-template-columns:1fr}.garden-stem{display:none}.lesson-card{grid-template-columns:auto 1fr}.lesson-status{grid-column:1 / -1;justify-items:start;width:100%}.code-preview-grid,.progress-grid,.help-card{grid-template-columns:1fr}.hero-copy h1{font-size:3rem}}