:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fbfdf8;--paper-warm:#fff7e8;--mist:#e8f9f5;--sky:#dff1ff;--surface:#fff;--surface-strong:#f2fbf7;--ink:#132e35;--muted:#5a7077;--line:#18535c24;--accent:#13b8a6;--accent-strong:#087f78;--accent-ink:#f7fffb;--coral:#ff8a6b;--sun:#f6c85f;--leaf:#8bd86e;--blue:#4f9bf7;--shadow:#1a4b5421;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--header-height:72px;background:var(--paper);color:var(--ink);letter-spacing:0;font-family:Aptos,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 8%, #f6c85f47, transparent 28rem), radial-gradient(circle at 86% 14%, #4f9bf738, transparent 30rem), linear-gradient(145deg, var(--paper), var(--mist) 46%, var(--sky));min-width:320px;min-height:100dvh;color:var(--ink);margin:0}body:before{content:"";z-index:0;pointer-events:none;opacity:.36;background-image:linear-gradient(#13b8a617 1px,#0000 1px),linear-gradient(90deg,#13b8a617 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{z-index:1;position:relative}.site-header{z-index:20;height:var(--header-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:#fbfdf8db;justify-content:space-between;align-items:center;padding:0 clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.brand,.desktop-nav,.header-actions,.hero-actions,.lesson-head,.lesson-progress,.course-card,.resource-card em,.site-footer,.site-footer a{align-items:center;display:flex}.brand{color:var(--ink);gap:.75rem;font-weight:900;line-height:1.06}.brand small{color:var(--muted);margin-top:.2rem;font-size:.72rem;font-weight:700;display:block}.brand-mark,.icon-button{justify-content:center;align-items:center;display:inline-flex}.brand-mark{border:1px solid var(--line);background:radial-gradient(circle at 30% 24%, #fff7c7, transparent 34%), linear-gradient(145deg, var(--sun), var(--accent));color:#08443f;border-radius:14px;width:44px;height:44px;box-shadow:0 12px 32px #13b8a63d}.desktop-nav{border:1px solid var(--line);background:#ffffffc2;border-radius:999px;gap:.25rem;padding:.28rem}.desktop-nav a{color:var(--muted);border-radius:999px;padding:.58rem .86rem;font-size:.92rem;font-weight:800;transition:background .16s,color .16s,transform .16s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--accent-strong);background:#13b8a61f;transform:translateY(-1px)}.header-actions{gap:.65rem}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#ffffffd1;border-radius:14px}.menu-button{display:none}.mobile-menu{z-index:30;border-left:1px solid var(--line);background:var(--paper);width:min(88vw,360px);min-height:100dvh;box-shadow:-24px 0 90px var(--shadow);align-content:start;gap:.8rem;padding:5.5rem 1.1rem 1.1rem;display:grid;position:fixed;inset:0 0 auto auto}.mobile-menu a{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:1rem;font-weight:900}.close-button{position:absolute;top:1rem;right:1rem}.primary-button,.secondary-button,.filter-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:900;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.primary-button{background:linear-gradient(135deg, #fff8c6, transparent 34%), linear-gradient(135deg, var(--accent), #41d8bf);color:var(--accent-ink);border-color:#087f7838;padding:.9rem 1.15rem;box-shadow:0 14px 32px #13b8a63d}.secondary-button{border-color:var(--line);color:var(--ink);background:#ffffffdb;padding:.9rem 1.15rem}.compact{padding:.68rem .9rem;font-size:.9rem}.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.filter-chip:hover,.filter-chip:focus-visible{transform:translateY(-1px)}.hero-section{max-width:1480px;min-height:calc(100dvh - var(--header-height));grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(1.2rem,3vw,2.4rem);margin:0 auto;padding:clamp(1rem,3vw,2.4rem);display:grid}.hero-copy{align-content:center;padding-block:1rem;display:grid}.section-kicker{color:var(--accent-strong);margin:0 0 .95rem;font-size:.95rem;font-weight:900}.section-kicker:after{content:"";background:radial-gradient(circle at 10px 3px, #fff 0 2px, transparent 2.4px), linear-gradient(90deg, var(--accent), var(--blue), transparent);border-radius:999px;width:min(260px,56vw);height:7px;margin-top:.7rem;display:block}.hero-copy h1{color:#102b32;letter-spacing:0;max-width:760px;margin:0;font-size:clamp(3.1rem,6vw,6rem);line-height:.98}.hero-lede{max-width:680px;color:var(--muted);margin:1rem 0 0;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.78rem;margin-top:1.4rem}.hero-media{border:1px solid var(--line);background:var(--surface);min-height:min(620px,72dvh);box-shadow:0 28px 80px var(--shadow);border-radius:32px;position:relative;overflow:hidden}.hero-media:after{content:"";pointer-events:none;background:linear-gradient(#ffffff38,#0000 42%),linear-gradient(90deg,#fbfdf81f,#13b8a61f);position:absolute;inset:0}.hero-media img{object-fit:cover;filter:saturate(1.08)brightness(1.08);width:100%;height:100%}.floating-console{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #ffffffb3;border-radius:20px;gap:.45rem;width:min(340px,100% - 2rem);padding:1rem;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:0 18px 46px #14404829}.floating-console span{color:var(--accent-strong);font-size:.82rem;font-weight:900}.floating-console strong{line-height:1.35}.console-progress,.lesson-progress div{background:#13b8a624;border-radius:999px;width:100%;height:9px;overflow:hidden}.console-progress i,.lesson-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--blue));height:100%;display:block}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;max-width:1480px;margin:0 auto;padding:0 clamp(1rem,3vw,2.4rem);display:grid}.stats-strip div{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#f6c85f2e,#0000 54%),#ffffffbd;gap:.35rem;min-height:112px;padding:1rem;display:grid;box-shadow:0 16px 48px #1a4b5414}.stats-strip strong{color:var(--ink);font-size:clamp(2rem,4vw,3.2rem);line-height:1}.stats-strip span{color:var(--muted);font-weight:800}.content-section{max-width:1480px;margin:0 auto;padding:clamp(4rem,8vw,7rem) clamp(1rem,3vw,2.4rem)}.section-heading{gap:.75rem;max-width:780px;margin-bottom:1.6rem;display:grid}.section-heading svg{color:var(--accent-strong)}.section-heading h2{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2rem,4.6vw,4.7rem);line-height:1}.section-heading p{color:var(--muted);margin:0;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.68}.mechanism-grid,.component-grid,.resource-grid,.course-grid{gap:1rem;display:grid}.mechanism-grid{grid-template-columns:repeat(6,minmax(160px,1fr))}.mechanism-card,.component-card,.resource-card,.track-panel,.course-card,.lesson-shell,.checker-card,.buddy-card,.unlock-card,.lab-card,.capstone-card,.capstone-step{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:0 18px 58px #1a4b5414}.mechanism-card,.component-card{min-height:190px;padding:1rem}.mechanism-card svg,.component-card svg,.checker-card>svg,.buddy-card>svg,.unlock-card>svg{color:var(--accent-strong)}.mechanism-card h3,.component-card h3,.lab-card h3,.capstone-card h3{color:var(--ink);margin:.85rem 0 0;font-size:1.1rem}.mechanism-card p,.component-card p,.lab-card p,.capstone-card p{color:var(--muted);margin:.55rem 0 0;line-height:1.62}.track-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.track-tab{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:140px;color:var(--ink);text-align:left;background:#ffffffb8;gap:.4rem;padding:1rem;display:grid;box-shadow:0 14px 42px #1a4b5412}.track-tab span,.track-panel span,.course-card span,.resource-card span,.lesson-head span,.micro-step span,.checker-card>span,.buddy-card>span,.unlock-card>span,.capstone-card>span{color:var(--accent-strong);font-size:.82rem;font-weight:900}.track-tab strong{font-size:1.5rem}.track-tab small,.course-card small{color:var(--muted);font-weight:800}.track-tab.active{background:radial-gradient(circle at 0 0,#f6c85f2e,#0000 56%),linear-gradient(135deg,#13b8a624,#ffffffeb);border-color:#13b8a65c}.track-detail{margin-top:1rem}.track-panel{justify-content:space-between;gap:1rem;padding:1.1rem;display:none}.track-panel.active{display:flex}.track-panel h3{margin:.25rem 0 0;font-size:clamp(1.5rem,2.4vw,2.2rem)}.track-panel p{max-width:72ch;color:var(--muted);margin:.6rem 0 0;line-height:1.65}.track-panel>strong{color:#77550b;background:#f6c85f38;border-radius:999px;align-self:center;align-items:center;gap:.45rem;min-width:max-content;padding:.7rem .9rem;display:inline-flex}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.course-card{border-color:var(--line);min-height:188px;color:var(--ink);text-align:left;flex-direction:column;align-items:stretch;gap:.55rem;padding:1rem}.course-card strong{font-size:1.08rem;line-height:1.35}.course-card em{color:var(--accent-strong);margin-top:auto;font-style:normal;font-weight:900;line-height:1.42}.course-card.active{background:linear-gradient(135deg,#13b8a624,#0000 62%),#ffffffeb;border-color:#13b8a675}.workspace-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:1rem;display:grid}.lesson-shell{overflow:hidden}.lesson-head{border-bottom:1px solid var(--line);background:radial-gradient(circle at 100% 0,#4f9bf724,#0000 46%),#ffffffbd;justify-content:space-between;gap:1rem;padding:clamp(1rem,2vw,1.4rem)}.lesson-head h3{margin:.25rem 0 0;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.08}.lesson-head p{color:var(--muted);margin:.55rem 0 0;font-weight:800}.lesson-progress{flex-direction:column;flex:0 0 180px;align-items:flex-end;gap:.45rem}.lesson-progress strong{color:var(--accent-strong);font-size:1.35rem}.lesson-block{border-bottom:1px solid var(--line);gap:.85rem;padding:clamp(1rem,2vw,1.4rem);display:grid}.lesson-block:last-child{border-bottom:0}.lesson-block h4{align-items:center;gap:.48rem;margin:0;font-size:1.02rem;display:flex}.lesson-block h4 svg{color:var(--accent-strong)}.goal-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.goal-item{border:1px solid var(--line);border-radius:var(--radius-md);min-height:86px;color:var(--muted);background:#ffffffc2;align-items:flex-start;gap:.55rem;padding:.8rem;line-height:1.45;display:flex}.goal-item.checked{color:var(--ink);background:#13b8a61a;border-color:#13b8a66b}.goal-item input,.field-list input{accent-color:var(--accent-strong)}.read-list{gap:.7rem;display:grid}.read-list p{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted);background:#f2fbf7e6;border-left:4px solid #13b8a65c;margin:0;padding:.72rem .85rem;line-height:1.7}.stepper{flex-wrap:wrap;gap:.5rem;display:flex}.step-dot{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.step-dot.active{background:var(--accent);color:#fff;border-color:#13b8a670}.micro-step{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0,#f6c85f2e,#0000 48%),#ffffffd6;gap:.7rem;padding:1rem;display:grid}.micro-step h5{margin:0;font-size:1.35rem}.micro-step p,.quiz-block p,.stuck-block li,.checker-card p,.buddy-card p,.unlock-card p{color:var(--muted);margin:0;line-height:1.62}.copy-block{border-radius:var(--radius-md);background:#f6fffb;border:1px solid #13b8a638;grid-template-columns:1fr auto;align-items:start;gap:.7rem;padding:.78rem;display:grid}.copy-block code{overflow-wrap:anywhere;color:#21454d;font-family:SFMono-Regular,Cascadia Code,ui-monospace,monospace;font-size:.88rem;line-height:1.6}.copy-block button,.quadrant,.field-list label,.quick-prompts button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.48rem .65rem;font-weight:800;display:inline-flex}.quiz-options{gap:.62rem;display:grid}.quiz-option{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);text-align:left;background:#fff;padding:.82rem;font-weight:800}.quiz-option.selected{background:#ff8a6b1a;border-color:#ff8a6b99}.quiz-option.correct{background:#13b8a61f;border-color:#13b8a685}.quiz-result{border-radius:var(--radius-md);color:#8b3d2b;background:#ff8a6b1f;padding:.75rem;font-weight:900}.quiz-result.good,.checker-result.good{color:var(--accent-strong);background:#13b8a61f}.stuck-block ul{gap:.45rem;margin:0;padding-left:1.1rem;display:grid}.side-stack{top:calc(var(--header-height) + 1rem);gap:1rem;display:grid;position:sticky}.checker-card,.buddy-card,.unlock-card,.lab-card,.capstone-card{gap:.75rem;padding:1rem;display:grid}.checker-card label,.buddy-card label{gap:.4rem;display:grid}.checker-card label span,.buddy-card label span{color:var(--muted);font-size:.82rem;font-weight:900}.checker-card input,.buddy-card textarea{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);background:#fff;outline:0;padding:.78rem}.checker-card input:focus,.buddy-card textarea:focus{border-color:#13b8a685;box-shadow:0 0 0 3px #13b8a629}.checker-result{border-radius:var(--radius-md);color:#8b3d2b;background:#ff8a6b1f;padding:.72rem}.quick-prompts{flex-wrap:wrap;gap:.45rem;display:flex}.unlock-card{background:linear-gradient(135deg,#f6c85f38,#0000 58%),#ffffffd6}.unlock-card strong{font-size:1.2rem;line-height:1.35}.component-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.quadrant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.quadrant{border-radius:var(--radius-md);white-space:normal;min-height:64px}.quadrant.active{color:var(--accent-strong);background:#13b8a61f;border-color:#13b8a67a}.lab-card>strong{border-radius:var(--radius-md);color:var(--accent-strong);background:#13b8a61a;padding:.72rem}.lab-card>strong.warning{color:#8b3d2b;background:#ff8a6b1f}.field-list{flex-wrap:wrap;gap:.5rem;display:flex}.resource-toolbar{grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr);gap:1rem;margin-bottom:1rem;display:grid}.search-box,.category-filter{border:1px solid var(--line);background:#ffffffc2;border-radius:999px;align-items:center;gap:.65rem;min-height:56px;padding:.45rem .7rem;display:flex}.search-box{color:var(--muted);font-weight:800}.category-filter{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:flex-end}.filter-chip{color:var(--muted);background:0 0;padding:.55rem .8rem}.filter-chip.active{color:var(--accent-strong);background:#13b8a61f;border-color:#13b8a65c}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-card{gap:.65rem;min-height:210px;padding:1rem;transition:transform .16s,border-color .16s;display:grid}.resource-card:hover,.resource-card:focus-visible{border-color:#13b8a66b;transform:translateY(-2px)}.resource-card strong{font-size:1.22rem}.resource-card p{color:var(--muted);margin:0;line-height:1.58}.resource-card em{color:var(--accent-strong);align-self:end;gap:.35rem;font-style:normal;font-weight:900}.capstone-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;display:grid}.capstone-card.primary{background:linear-gradient(#0000,#ffffffe6),url(/assets/ai-wave-hero.png) 50%/cover;align-content:end;min-height:420px}.capstone-card.primary h3,.capstone-card.primary p,.capstone-card.primary span{max-width:560px}.capstone-card.primary h3{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.05}.capstone-card.primary p{color:#294b54;font-weight:700}.capstone-steps{gap:.75rem;display:grid}.capstone-step{grid-template-columns:58px 1fr auto;align-items:center;min-height:72px;padding:.75rem .9rem;display:grid}.capstone-step span{width:44px;height:38px;color:var(--accent-strong);background:#13b8a61f;border-radius:14px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.capstone-step svg{color:var(--muted)}.site-footer{max-width:1480px;color:var(--muted);justify-content:space-between;gap:1rem;margin:0 auto;padding:2rem clamp(1rem,3vw,2.4rem) 3rem}.site-footer strong{color:var(--ink);margin-bottom:.25rem;display:block}.site-footer a{color:var(--accent-strong);gap:.35rem;font-weight:900}:focus-visible{outline-offset:3px;outline:3px solid #13b8a66b}@media (prefers-reduced-motion:no-preference){.brand-mark svg{animation:5s ease-in-out infinite sun-bob}.hero-media img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.hero-media:hover img{transform:scale(1.035)}}@keyframes sun-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (width<=1260px){.desktop-nav{display:none}.menu-button{display:inline-flex}.hero-section,.workspace-layout,.capstone-layout{grid-template-columns:1fr}.hero-media{min-height:420px}.side-stack{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.mechanism-grid,.course-grid,.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.site-header{height:66px}.brand small,.header-actions .primary-button{display:none}.hero-section{min-height:auto;padding:1rem}.hero-copy h1{font-size:clamp(2.7rem,12vw,4.8rem)}.stats-strip,.track-tabs,.track-panel.active,.goal-list,.component-grid,.lab-layout,.resource-toolbar,.side-stack{grid-template-columns:1fr}.stats-strip{padding:0 1rem}.mechanism-grid,.course-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-section{padding:3.5rem 1rem}.track-panel.active{display:grid}.track-panel>strong{justify-self:start;min-width:0}.lesson-head{flex-direction:column;align-items:flex-start}.lesson-progress{flex-basis:auto;align-items:flex-start;width:100%}.category-filter{justify-content:flex-start}.capstone-card.primary{min-height:360px}.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=560px){.hero-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.hero-media{border-radius:22px;min-height:300px}.mechanism-grid,.course-grid,.resource-grid,.copy-block,.quadrant-grid{grid-template-columns:1fr}.capstone-step{grid-template-columns:52px 1fr}.capstone-step svg{display:none}}