:root{--bg:#f4efe6;--panel:#fffcf7eb;--soft-panel:#f8f2ea;--heading:#1f2933;--text:#52606d;--muted-text:#7b8794;--border:#1f29331f;--accent:#1f6aa5;--accent-soft:linear-gradient(135deg, #d7ecff 0%, #eef5f9 100%);--accent-contrast:#f9fbff;--sidebar-top:#10263a;--sidebar-bottom:#173b57;--sidebar-panel:#ffffff14;--sidebar-border:#ffffff1f;--sidebar-link-active:#ffffff1f;--sidebar-text:#f4f7fb;--sidebar-muted:#f4f7fbbd;--shadow:0 24px 60px #1f293314;--font-body:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-heading:"Trebuchet MS", "Segoe UI", sans-serif;font-family:var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffffffd9,#0000 35%),linear-gradient(#efe5d8 0%,#f6f0e7 100%);font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg:#0e1721;--panel:#101b26e6;--soft-panel:#132131;--heading:#eff6ff;--text:#bfd0e0;--muted-text:#92a8bc;--border:#bfd0e024;--accent:#8fd3ff;--accent-soft:linear-gradient(135deg, #18324a 0%, #132638 100%);--accent-contrast:#082236;--sidebar-top:#09131c;--sidebar-bottom:#0d2235;--sidebar-panel:#ffffff0a;--sidebar-border:#ffffff14;--sidebar-link-active:#8fd3ff1f;--sidebar-text:#eff6ff;--sidebar-muted:#eff6ffad;--shadow:0 24px 60px #02061752;background:radial-gradient(circle at top,#1f6aa52e,#0000 40%),linear-gradient(#07111a 0%,#0d1722 100%)}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}a{color:inherit}button{font-family:inherit}h1,h2,h3{color:var(--heading);font-family:var(--font-heading)}#root{min-height:100vh}:root.theme-ready,:root.theme-ready body{transition:background-color .35s,color .25s}@media (prefers-reduced-motion:reduce){:root.theme-ready,:root.theme-ready body{transition:none}}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar{background:radial-gradient(circle at top left, #ffffff2e, transparent 38%), linear-gradient(180deg, var(--sidebar-top), var(--sidebar-bottom));border-right:1px solid var(--border);color:var(--sidebar-text);box-sizing:border-box;z-index:4;flex-direction:column;gap:2rem;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.sidebar-brand,.sidebar-footer{background:var(--sidebar-panel);border:1px solid var(--sidebar-border);border-radius:24px;padding:1.25rem;overflow:hidden}.sidebar-kicker,.eyebrow,.section-tag,.card-meta{text-transform:uppercase;letter-spacing:.12em;margin:0 0 .75rem;font-size:.75rem}.sidebar-kicker,.section-tag,.card-meta{color:var(--muted-text)}.sidebar h2,.sidebar p{margin:0}.sidebar-description{color:var(--sidebar-muted);line-height:1.7}.sidebar-nav ul,.content-list{margin:0;padding:0;list-style:none}.sidebar-nav{flex:1;overflow:hidden}.sidebar-nav ul{flex-direction:column;gap:.75rem;display:flex}.sidebar-nav li:first-child{--sidebar-stagger:80ms}.sidebar-nav li:nth-child(2){--sidebar-stagger:.14s}.sidebar-nav li:nth-child(3){--sidebar-stagger:.2s}.sidebar-nav li:nth-child(4){--sidebar-stagger:.26s}.sidebar-nav a{color:var(--sidebar-text);background:0 0;border:1px solid #0000;border-radius:16px;padding:.9rem 1rem;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:block}.sidebar-nav a:hover,.sidebar-nav a.is-active{background:var(--sidebar-link-active);border-color:var(--sidebar-border);transform:translate(4px)}.sidebar-footer{gap:1rem;display:grid}.sidebar-footer p{color:var(--sidebar-muted);line-height:1.7}.sidebar-close,.theme-button,.menu-button{cursor:pointer;font:inherit;border:1px solid #0000;border-radius:999px;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s}.sidebar-close:hover,.theme-button:hover,.menu-button:hover{transform:translateY(-1px)}.sidebar-close{background:var(--sidebar-link-active);color:var(--sidebar-text);padding:.85rem 1rem}.app-main{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.topbar,.hero-panel,.content-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:32px}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.topbar-copy h1,.section-heading h2,.hero-content h2,.content-card h2,.content-card h3{margin:0}.topbar-copy h1{max-width:12ch;font-size:clamp(2rem,3vw,3.4rem);line-height:1.05}.eyebrow{color:var(--accent)}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.theme-button,.menu-button{padding:.9rem 1.15rem}.theme-button{background:var(--accent);color:var(--accent-contrast);text-align:left;align-items:center;gap:.8rem;min-width:180px;padding:.45rem 1rem .45rem .55rem;display:inline-flex;position:relative;box-shadow:0 18px 36px #0c41742e}.theme-button-track{background:#f9fbff42;border:1px solid #f9fbff47;border-radius:999px;flex-shrink:0;width:3.7rem;height:2rem;padding:.2rem;display:inline-flex;position:relative}.theme-button-thumb{background:#fff8ea;border-radius:999px;width:1.6rem;height:1.6rem;display:block;position:absolute;top:.2rem;left:.2rem;transform:translate(0);box-shadow:0 10px 18px #08223647}.theme-button-copy{gap:.1rem;display:grid}.theme-button-label,.theme-button-value{line-height:1.1}.theme-button-label{letter-spacing:.12em;opacity:.78;text-transform:uppercase;font-size:.72rem}.theme-button-value{font-weight:600}.theme-button.is-dark .theme-button-track{background:#08223657;border-color:#eff6ff38}.theme-button.is-dark .theme-button-thumb{background:#d7ecff;transform:translate(1.65rem)}.menu-button{border-color:var(--border);color:var(--heading);background:0 0;display:none}.hero-panel{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1.5rem;padding:1.5rem;display:grid;overflow:hidden}.hero-content{flex-direction:column;justify-content:center;gap:1rem;display:flex}.hero-content h2{max-width:14ch;font-size:clamp(1.8rem,2.4vw,3rem);line-height:1.1}.hero-text,.content-card p,.section-heading p{color:var(--text);margin:0;line-height:1.75}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.5rem;display:grid}.metric-card{background:var(--soft-panel);border:1px solid var(--border);border-radius:24px;gap:.2rem;padding:1rem;display:grid}.metric-card strong{color:var(--heading);font-size:1.8rem}.metric-card span{color:var(--text)}.hero-visual{background:linear-gradient(140deg, #ffffffb3, transparent), var(--accent-soft);border-radius:28px;justify-content:center;align-items:center;min-height:320px;padding:1rem;display:flex}.hero-visual img{object-fit:contain;filter:drop-shadow(0 20px 40px #1118272e);width:min(100%,360px);max-width:100%;height:auto}.content-section{gap:1.5rem;display:grid}.section-heading{gap:.5rem;display:grid}.lesson-grid,.split-layout{gap:1.5rem;display:grid}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{gap:.85rem;padding:1.5rem;display:grid}.tall-card{align-content:start;min-height:100%}.accent-card{background:linear-gradient(180deg, #1a66a81f, transparent 45%), var(--panel)}.content-list{gap:.9rem;display:grid}.content-list li{background:var(--soft-panel);border:1px solid var(--border);color:var(--heading);border-radius:20px;padding:1rem}.sidebar-backdrop{display:none}:root.theme-ready .sidebar,:root.theme-ready .sidebar-brand,:root.theme-ready .sidebar-footer,:root.theme-ready .sidebar-nav a,:root.theme-ready .sidebar-close,:root.theme-ready .topbar,:root.theme-ready .hero-panel,:root.theme-ready .content-card,:root.theme-ready .metric-card,:root.theme-ready .content-list li,:root.theme-ready .hero-visual,:root.theme-ready .theme-button,:root.theme-ready .menu-button,:root.theme-ready .theme-button-track,:root.theme-ready .theme-button-thumb,:root.theme-ready .sidebar-kicker,:root.theme-ready .eyebrow,:root.theme-ready .section-tag,:root.theme-ready .card-meta,:root.theme-ready .sidebar-description,:root.theme-ready .sidebar-footer p,:root.theme-ready .hero-text,:root.theme-ready .content-card p,:root.theme-ready .section-heading p,:root.theme-ready .metric-card span,:root.theme-ready .metric-card strong,:root.theme-ready h1,:root.theme-ready h2,:root.theme-ready h3{transition:background-color .35s,background-image .45s,color .25s,border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1)}:root[data-motion=full].motion-ready [data-reveal]{opacity:0;transition:opacity .55s,transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);will-change:transform, opacity;transform:translateY(24px)}:root[data-motion=full].motion-ready [data-reveal=header]{transform:translateY(-14px)}:root[data-motion=full].motion-ready [data-reveal=hero]{transform-origin:top;transform:translateY(28px)scale(.985)}:root[data-motion=full].motion-ready [data-reveal=section]{transform:translateY(18px)}:root[data-motion=full].motion-ready [data-reveal=card]{transform:translateY(22px)}:root[data-motion=full][data-motion-tier=desktop].motion-ready [data-reveal]{transition:opacity .62s,transform .86s cubic-bezier(.22,1,.36,1)}:root[data-motion=full][data-motion-tier=desktop].motion-ready [data-reveal=header]{transform:translateY(-20px)}:root[data-motion=full][data-motion-tier=desktop].motion-ready [data-reveal=hero]{transform:translateY(34px)scale(.975)}:root[data-motion=full][data-motion-tier=desktop].motion-ready [data-reveal=section]{transform:translateY(22px)}:root[data-motion=full][data-motion-tier=desktop].motion-ready [data-reveal=card]{transform:translateY(28px)}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar{transform-origin:0;will-change:transform, opacity;animation:.9s cubic-bezier(.16,1,.3,1) 80ms both sidebar-shell-in;transform:translate(-56px)}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-nav,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-footer{opacity:0;transform:translate(14px)scale(.985)}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand{animation:.72s cubic-bezier(.22,1,.36,1) .52s both sidebar-box-in}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-nav{animation:.72s cubic-bezier(.22,1,.36,1) .61s both sidebar-box-in}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-footer{animation:.72s cubic-bezier(.22,1,.36,1) .98s both sidebar-box-in}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand>*,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-footer>*{opacity:0;animation:.56s cubic-bezier(.22,1,.36,1) forwards sidebar-text-in;transform:translate(20px)}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand>:first-child{animation-delay:.7s}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand>:nth-child(2){animation-delay:.78s}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand>:nth-child(3){animation-delay:.86s}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-footer>:first-child{animation-delay:1.12s}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-footer>:nth-child(2){animation-delay:1.2s}:root[data-motion=full].motion-ready [data-reveal].is-visible{opacity:1;will-change:auto;transform:translate(0,0)scale(1)}:root[data-motion=full][data-motion-tier=desktop][data-motion-quality=full].motion-ready [data-reveal=hero].is-visible .hero-visual img{will-change:transform;animation:5.2s ease-in-out .8s infinite hero-float}:root[data-motion=full].motion-ready .sidebar-nav li{opacity:0;animation:.46s cubic-bezier(.22,1,.36,1) forwards sidebar-link-in;animation-delay:var(--sidebar-stagger,0s);transform:translate(16px)}:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-nav li{animation-delay:calc(.74s + var(--sidebar-stagger,0s));animation-duration:.62s;transform:translate(24px)}:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal]{transition:opacity .34s,transform .44s cubic-bezier(.22,1,.36,1)}:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal=header]{transform:translateY(-8px)}:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal=hero]{transform:translateY(14px)scale(.995)}:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal=section]{transform:translateY(12px)}:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal=card]{transform:translateY(14px)}:root[data-motion=full][data-motion-quality=compact].motion-ready .sidebar-brand>*,:root[data-motion=full][data-motion-quality=compact].motion-ready .sidebar-footer>*,:root[data-motion=full][data-motion-quality=compact].motion-ready .sidebar-nav li,:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal=hero].is-visible .hero-content>*,:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal=hero].is-visible .hero-metrics .metric-card,:root[data-motion=full][data-motion-quality=compact].motion-ready [data-reveal=section].is-visible>*{opacity:1;animation:none;transform:none}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-content>*{opacity:0;animation:.72s cubic-bezier(.22,1,.36,1) forwards panel-copy-in;transform:translate(28px)}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-content>:first-child{animation-delay:.22s}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-content>:nth-child(2){animation-delay:.3s}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-content>:nth-child(3){animation-delay:.39s}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-content>:nth-child(4){animation-delay:.5s}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-metrics .metric-card{opacity:0;animation:.62s cubic-bezier(.22,1,.36,1) forwards panel-copy-in;transform:translate(24px)}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-metrics .metric-card:first-child{animation-delay:.56s}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-metrics .metric-card:nth-child(2){animation-delay:.65s}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-metrics .metric-card:nth-child(3){animation-delay:.74s}:root[data-motion=full].motion-ready [data-reveal=section].is-visible>*{opacity:0;animation:.68s cubic-bezier(.22,1,.36,1) forwards panel-copy-in;transform:translate(26px)}:root[data-motion=full].motion-ready [data-reveal=section].is-visible>:first-child{animation-delay:.12s}:root[data-motion=full].motion-ready [data-reveal=section].is-visible>:nth-child(2){animation-delay:.21s}:root[data-motion=full].motion-ready [data-reveal=section].is-visible>:nth-child(3){animation-delay:.3s}@keyframes hero-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@keyframes sidebar-shell-in{0%{opacity:0;transform:translate(-56px)}to{opacity:1;transform:translate(0,0)}}@keyframes sidebar-box-in{0%{opacity:0;transform:translate(14px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes sidebar-text-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes sidebar-link-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0,0)}}@keyframes panel-copy-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0,0)}}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{opacity:0;width:100%;max-width:min(82vw,320px);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{opacity:1;transform:translate(0)}:root[data-motion=full][data-motion-quality=compact] .sidebar{transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .16s}.sidebar-backdrop{opacity:0;pointer-events:none;z-index:3;background:#0f172a73;transition:opacity .25s;display:block;position:fixed;inset:0}:root[data-motion=full][data-motion-quality=compact] .sidebar-backdrop{transition-duration:.16s}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.app-main{padding:1rem}.topbar,.hero-panel,.content-card{border-radius:24px}.topbar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem;display:grid;position:sticky;top:1rem}.topbar-copy{min-width:0}.eyebrow{margin-bottom:.35rem}.topbar-copy h1{max-width:14ch;font-size:clamp(1.15rem,4.8vw,1.55rem);line-height:1.15}.topbar-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.5rem}.theme-button{border-radius:18px;min-width:auto;padding:.35rem .55rem}.theme-button-copy{display:none}.theme-button-track{width:3.4rem}.theme-button.is-dark .theme-button-thumb{transform:translate(1.35rem)}:root[data-motion=full].motion-ready .sidebar-nav li{opacity:1;animation:none;transform:none}:root[data-motion=full].motion-ready .sidebar.is-open .sidebar-nav li{opacity:0;animation:.36s cubic-bezier(.22,1,.36,1) forwards sidebar-link-in;animation-delay:var(--sidebar-stagger,0s);transform:translate(12px)}.menu-button,.theme-button{min-height:2.8rem}.menu-button{border-radius:18px;justify-content:center;align-items:center;min-width:0;padding:.75rem .95rem;display:inline-flex}.hero-panel,.lesson-grid,.split-layout,.hero-metrics{grid-template-columns:1fr}}@media (width<=560px){.app-main{padding:.75rem}.topbar{grid-template-columns:1fr;align-items:stretch;top:.75rem}.topbar-copy h1{max-width:none}.topbar-actions{justify-content:space-between}}@media (width>=961px){.sidebar-close{display:none}}@media (prefers-reduced-motion:reduce){:root.theme-ready .sidebar,:root.theme-ready .sidebar-brand,:root.theme-ready .sidebar-footer,:root.theme-ready .sidebar-nav a,:root.theme-ready .sidebar-close,:root.theme-ready .topbar,:root.theme-ready .hero-panel,:root.theme-ready .content-card,:root.theme-ready .metric-card,:root.theme-ready .content-list li,:root.theme-ready .hero-visual,:root.theme-ready .theme-button,:root.theme-ready .menu-button,:root.theme-ready .theme-button-track,:root.theme-ready .theme-button-thumb,:root.theme-ready .sidebar-kicker,:root.theme-ready .eyebrow,:root.theme-ready .section-tag,:root.theme-ready .card-meta,:root.theme-ready .sidebar-description,:root.theme-ready .sidebar-footer p,:root.theme-ready .hero-text,:root.theme-ready .content-card p,:root.theme-ready .section-heading p,:root.theme-ready .metric-card span,:root.theme-ready .metric-card strong,:root.theme-ready h1,:root.theme-ready h2,:root.theme-ready h3{transition:none}:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-visual img,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-nav,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-footer,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-brand>*,:root[data-motion=full][data-motion-tier=desktop].motion-ready .sidebar-footer>*,:root[data-motion=full].motion-ready .sidebar-nav li,:root[data-motion=full].motion-ready .sidebar.is-open .sidebar-nav li,:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-content>*,:root[data-motion=full].motion-ready [data-reveal=hero].is-visible .hero-metrics .metric-card,:root[data-motion=full].motion-ready [data-reveal=section].is-visible>*{animation:none}}