:root{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html.is-restoring-scroll{scroll-behavior:auto}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}:root{--bg:#f7f5f2;--surface:#fff;--surface-soft:#fbfaf8;--surface-muted:#f1efeb;--shop-bg:#f7f1e5;--accent-soft:#eef5ff;--text:#111;--text-muted:#6f6f6f;--text-inverse:#fff;--accent:#0b6fd3;--accent-hover:#075eb5;--accent-warm:#8b5e1a;--border:#dedbd6;--border-accent:#b8d7f8;--header-bg:#ffffffeb;--hero-panel-bg:#fff;--secondary-bg:#fff;--hero-gradient:linear-gradient(180deg, #fff 0%, #fbfaf8 100%);--shadow-accent:none;--shadow-panel:0 10px 24px #0f0f0f0f;--shadow-card:0 14px 32px #0f0f0f14;--shadow-shop:0 18px 40px #0f0f0f14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f0f0f;--surface:#191919;--surface-soft:#141414;--surface-muted:#242424;--shop-bg:#15130f;--accent-soft:#2e7dda2e;--text:#f4f4f4;--text-muted:#a8a8a8;--text-inverse:#fff;--accent:#58a6ff;--accent-hover:#79b8ff;--accent-warm:#d5a85b;--border:#2f2f2f;--border-accent:#265d9d;--header-bg:#0f0f0feb;--hero-panel-bg:#191919;--secondary-bg:#191919;--hero-gradient:linear-gradient(180deg, #0f0f0f 0%, #141414 100%);--shadow-accent:none;--shadow-panel:0 18px 42px #0000003d;--shadow-card:0 18px 42px #00000038;--shadow-shop:0 24px 52px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{min-height:100vh}main{color:var(--text);background:var(--bg)}.route-shell{min-height:100vh}@media (prefers-reduced-motion:no-preference){.route-shell{transition:opacity .16s,transform .16s,filter .16s}.route-shell-in{opacity:1;filter:blur();transform:translateY(0)}.route-shell-out{opacity:0;filter:blur(2px);transform:translateY(8px)}}.site-header{z-index:20;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,56px);display:flex;position:sticky;top:0}.brand,.nav-links a,.inline-link,.primary-action,.secondary-action,.footer-contact{text-decoration:none}.brand{color:var(--text);align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;place-items:center;display:inline-grid}.header-actions{align-items:center;gap:18px;display:flex}.nav-links{align-items:center;gap:22px;font-size:15px;display:flex}.nav-links a{color:var(--text-muted);transition:color .18s}.nav-links a:hover{color:var(--accent)}.theme-toggle{border:1px solid var(--border);width:38px;height:38px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;transition:color .18s,border-color .18s,background .18s;display:inline-grid}.theme-toggle:hover{color:var(--accent);border-color:var(--border-accent)}.hero-section,.section-grid,.learning-section,.shop-section{padding:clamp(44px,7vw,86px) clamp(20px,5vw,56px)}.hero-section{background:var(--hero-gradient);grid-template-columns:minmax(190px,240px) minmax(0,1fr) minmax(320px,.86fr);align-items:start;gap:clamp(28px,5vw,58px);min-height:auto;display:grid}.hero-sidebar{border-right:1px solid var(--border);min-height:420px;padding-right:32px}.sidebar-title{color:var(--text);margin:0 0 24px;font-size:clamp(46px,5vw,64px);font-weight:900;line-height:.92}.sidebar-title span{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;display:block}.hero-sidebar p:not(.sidebar-title){max-width:190px;color:var(--text-muted);margin:0 0 38px;line-height:1.65}.hero-sidebar nav{gap:12px;display:grid}.hero-sidebar a{color:var(--text-muted);text-decoration:none}.hero-sidebar a:hover{color:var(--text)}.hero-copy{max-width:620px}.eyebrow{color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{max-width:640px;color:var(--text);letter-spacing:0;margin-bottom:22px;font-size:clamp(42px,5.4vw,72px);line-height:.98}h2{color:var(--text);letter-spacing:0;margin-bottom:18px;font-size:clamp(30px,4vw,48px);line-height:1.08}h3{color:var(--text);letter-spacing:0;font-size:20px;line-height:1.25}.hero-subtitle,.section-heading p,.shop-card p,.lesson-card p,.hot-item p{color:var(--text-muted);font-size:17px;line-height:1.75}.hero-subtitle{max-width:620px;margin-bottom:30px;font-size:20px}.hero-actions,.price-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.primary-action,.secondary-action,.inline-link{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.primary-action{color:var(--text-inverse);background:var(--accent);box-shadow:var(--shadow-accent);padding:0 18px}.primary-action:hover{background:var(--accent-hover)}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.secondary-action{color:var(--accent);border:1px solid var(--border-accent);background:var(--secondary-bg);padding:0 18px}.hero-panel{border:1px solid var(--border);background:var(--hero-panel-bg);box-shadow:var(--shadow-panel);border-radius:8px;gap:12px;padding:28px;display:grid}.flow-step{color:var(--text);background:var(--surface-soft);border-radius:8px;align-items:center;gap:12px;padding:18px;font-weight:800;display:flex}.hero-panel>svg{color:var(--accent-warm);justify-self:center}.section-grid{background:var(--surface);border-top:1px solid var(--border);grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);display:grid}.section-heading{max-width:560px}.sync-note,.product-fit{border:1px solid var(--border);background:var(--accent-soft);border-radius:8px;margin-top:14px;padding:10px 12px;font-size:14px;line-height:1.5}.section-heading.compact{max-width:820px}.inline-link{color:var(--accent);justify-content:flex-start}.hot-list,.lesson-grid{gap:16px;display:grid}.hot-item,.lesson-card{border:1px solid var(--border);background:var(--bg);color:inherit;border-radius:8px;text-decoration:none;transition:border-color .18s,box-shadow .22s,transform .22s,background .22s;display:block;position:relative}.hot-item:hover{border-color:var(--border-accent);transform:translateY(-1px)}.lesson-card-link:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-4px)}.lesson-card-link:active{transform:translateY(-1px)}.lesson-card-static{opacity:.86}.hot-item{padding:22px}.tag,.lesson-card span,.price-row span{color:var(--accent-warm);margin-bottom:12px;font-size:13px;font-weight:800;display:inline-flex}.hot-item h3,.lesson-card h3{margin-bottom:10px}.hot-item h3 a{color:inherit;text-decoration:none}.hot-item h3 a:hover{color:var(--accent)}.hot-summary{margin-top:12px;font-size:15px}.learning-section{background:var(--surface-soft);border-top:1px solid var(--border)}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:28px}.lesson-card{background:var(--surface);padding:22px}.lesson-link-label{color:var(--accent);align-items:center;gap:6px;margin-top:18px;font-size:14px;display:inline-flex}.shop-section{background:var(--shop-bg)}.shop-card{border:1px solid var(--border);background:var(--surface);max-width:1120px;box-shadow:var(--shadow-shop);border-radius:8px;grid-template-columns:minmax(260px,.95fr) minmax(260px,.85fr);align-items:center;gap:clamp(28px,5vw,64px);margin:0 auto;padding:clamp(24px,5vw,48px);display:grid}.shop-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.shop-card li{color:var(--text);align-items:center;gap:10px;line-height:1.5;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--text);background:var(--bg);justify-content:space-between;align-items:center;gap:24px;padding:32px clamp(20px,5vw,72px);display:flex}.site-footer p{max-width:620px;color:var(--text-muted);margin:8px 0 0;line-height:1.6}.footer-contact{border:1px solid var(--border);min-height:42px;color:var(--accent);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}:is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.price-row{border-top:1px solid var(--border);grid-column:1/-1;justify-content:space-between;padding-top:24px}.price-row div{gap:2px;display:grid}.price-row span{margin-bottom:0}.price-row strong{color:var(--text);font-size:38px}@media (width<=920px){.site-header{flex-direction:column;align-items:flex-start}.nav-links{justify-content:space-between;gap:12px;width:100%;overflow-x:auto}.header-actions{width:100%}.hero-section,.section-grid,.shop-card{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:auto;padding-bottom:22px;padding-right:0}.sidebar-title{margin-bottom:14px;font-size:38px}.hero-sidebar p:not(.sidebar-title){max-width:100%;margin-bottom:18px}.hero-sidebar nav{flex-wrap:wrap;gap:10px 16px;display:flex}.lesson-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=560px){.hero-actions,.price-row{flex-direction:column;align-items:stretch}.primary-action,.secondary-action{box-sizing:border-box;width:100%}h1{font-size:40px}.sidebar-title{font-size:32px}}.course-page{color:#f4f8f2;background:radial-gradient(circle at 70% 8%,#ff703021,#0000 28%),linear-gradient(#050605 0%,#090d0a 46%,#050605 100%);min-height:100vh;padding:0 clamp(18px,4vw,58px) 56px}.course-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050605d6;border-bottom:1px solid #f4f8f21a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:18px 0;display:grid;position:sticky;top:0}.course-back{color:#a6b4aa;cursor:pointer;background:#ffffff0a;border:1px solid #f4f8f21f;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex}.course-brand{min-width:0}.course-brand strong{color:#f4f8f2;font-size:clamp(20px,3vw,36px);line-height:1.1;display:block}.course-brand span{color:#7e8b82;margin-top:4px;display:block}.course-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:32px;padding:clamp(54px,8vw,88px) 0 36px;display:grid}.course-eyebrow{color:#ff8a4c;align-items:center;gap:8px;margin:0 0 16px;font-weight:800;display:inline-flex}.course-hero h1{color:#f4f8f2;max-width:960px;margin:0 0 18px;font-size:clamp(42px,7vw,86px);line-height:.98}.course-hero p,.project-panel p,.course-footer p{color:#b7c4bc;max-width:760px;margin-bottom:0;font-size:18px;line-height:1.75}.course-summary{background:#ffffff0a;border:1px solid #f4f8f21f;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.course-summary div{border-right:1px solid #f4f8f21f;gap:4px;padding:20px;display:grid}.course-summary div:last-child{border-right:0}.course-summary strong{color:#ff8a4c;font-size:30px}.course-summary span{color:#b7c4bc}.course-toolbar{color:#87948b;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:14px;display:flex}.course-toolbar div,.view-switch{align-items:center;gap:8px;display:inline-flex}.status-dot{background:#60d394;border-radius:999px;width:8px;height:8px;box-shadow:0 0 20px #60d39499}.level-list{gap:16px;display:grid}.level-card{grid-template-columns:42px minmax(0,1fr);gap:16px;display:grid}.level-number{color:#7e8b82;border:1px solid #f4f8f21f;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.level-body{background:#ffffff09;border:1px solid #f4f8f21a;border-radius:8px}.level-head{border-bottom:1px solid #f4f8f214;justify-content:space-between;gap:18px;padding:22px 24px;display:flex}.level-title{align-items:center;gap:16px;display:flex}.level-title svg{color:#ff8a4c}.level-title h2{color:#f4f8f2;margin:0 0 6px;font-size:22px}.level-title p{color:#9ba9a1;margin:0}.level-progress{color:#9ba9a1;align-items:center;gap:10px;font-weight:800;display:flex}.lesson-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.lesson-list li{border-bottom:1px solid #f4f8f20f;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:14px 24px;display:grid}.lesson-list li:last-child{border-bottom:0}.lesson-list svg{color:#46514a;margin-top:3px}.lesson-list strong,.lesson-list span{display:block}.lesson-list strong{color:#f4f8f2}.lesson-list span{color:#8f9d95;margin-top:3px;line-height:1.5}.project-panel{background:#ff70300f;border:1px solid #ff703038;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:28px;padding:28px;display:grid}.project-panel h2{color:#f4f8f2;margin-bottom:12px;font-size:clamp(28px,4vw,44px)}.project-steps{gap:10px;min-width:180px;display:grid}.project-steps span{color:#f4f8f2;background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:12px;display:inline-flex}.course-footer{border-top:1px solid #f4f8f21a;margin-top:28px;padding:26px 0 0}.course-page :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #ff8a4c}@media (width<=860px){.course-header,.course-hero,.project-panel,.course-summary{grid-template-columns:1fr}.course-summary div{border-bottom:1px solid #f4f8f21f;border-right:0}.course-summary div:last-child{border-bottom:0}.level-card{grid-template-columns:1fr}.level-head{flex-direction:column}}@media (width<=560px){.course-page{padding-inline:14px}.course-hero h1{font-size:42px}.course-toolbar{flex-direction:column;align-items:flex-start}}.action-page{min-height:100vh;color:var(--text);background:var(--bg);padding:0 clamp(18px,4vw,58px) 58px}.action-header{z-index:10;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:18px 0;display:grid;position:sticky;top:0}.action-back{border:1px solid var(--border);min-height:38px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.action-brand{min-width:0}.action-brand strong,.action-brand span{display:block}.action-brand strong{color:var(--text);font-size:clamp(20px,3vw,32px);line-height:1.1}.action-brand span{color:var(--text-muted);margin-top:4px}.action-lesson{text-decoration:none}.action-hero,.action-outline,.action-practice{padding:clamp(40px,7vw,82px) 0}.action-hero{max-width:980px}.action-eyebrow{color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:800;display:inline-flex}.action-hero h1{max-width:960px;color:var(--text);letter-spacing:0;margin:0 0 20px;font-size:clamp(42px,6vw,76px);line-height:1}.action-hero p,.action-section-heading p,.action-lesson p,.action-practice p{color:var(--text-muted);font-size:17px;line-height:1.75}.action-hero>div>p:not(.action-eyebrow){max-width:760px;font-size:20px}.action-hero .action-source-note{color:var(--text-muted);margin-top:14px;font-size:14px;line-height:1.65}.action-source-note a{color:var(--text);-webkit-text-decoration-color:var(--border-accent);text-decoration-color:var(--border-accent);text-underline-offset:3px;font-weight:700}.action-source-note a:hover{color:var(--accent)}.action-map{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.action-map div{border-right:1px solid var(--border);gap:4px;padding:22px;display:grid}.action-map div:last-child{border-right:0}.action-map strong{color:var(--accent);font-size:26px}.action-map span{color:var(--text-muted)}.action-section-heading{max-width:820px;margin-bottom:28px}.action-section-heading h2,.action-practice h2{color:var(--text);letter-spacing:0;margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.08}.action-lesson-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.action-lesson{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;gap:10px;padding:18px;transition:border-color .18s,box-shadow .22s,transform .22s;display:grid}.action-lesson:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.action-number{color:var(--accent-warm);font-size:13px;font-weight:900}.action-lesson svg{color:var(--accent)}.action-lesson h3{margin:0}.action-lesson p{margin:0;font-size:15px}.action-lesson strong{color:var(--accent);align-items:center;gap:6px;margin-top:6px;font-size:14px;display:inline-flex}.action-practice{border-top:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(280px,.9fr);align-items:start;gap:clamp(24px,5vw,56px);display:grid}.action-practice ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.action-practice li{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:16px;line-height:1.55;display:grid}.action-practice li svg{color:var(--accent-warm);margin-top:3px}.action-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=980px){.action-header,.action-practice{grid-template-columns:1fr}.action-map{grid-template-columns:1fr 1fr}.action-map div:nth-child(2){border-right:0}.action-map div:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (width<=620px){.action-page{padding-inline:14px}.action-hero h1{font-size:40px}.action-map{grid-template-columns:1fr}.action-map div{border-right:0;border-bottom:1px solid var(--border)}.action-map div:last-child{border-bottom:0}}.codex-page{min-height:100vh;color:var(--text);background:var(--bg);padding:0 clamp(18px,4vw,58px) 58px}.codex-header{z-index:10;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:18px 0;display:grid;position:sticky;top:0}.codex-back{border:1px solid var(--border);min-height:38px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.codex-brand{min-width:0}.codex-brand strong,.codex-brand span{display:block}.codex-brand strong{color:var(--text);font-size:clamp(20px,3vw,32px);line-height:1.1}.codex-brand span{color:var(--text-muted);margin-top:4px}.docs-map-card{text-decoration:none}.codex-hero,.codex-docs-map,.codex-modes,.codex-features,.codex-practice{padding:clamp(40px,7vw,82px) 0}.codex-hero{max-width:980px}.codex-eyebrow{color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:800;display:inline-flex}.codex-hero h1{max-width:960px;color:var(--text);letter-spacing:0;margin:0 0 20px;font-size:clamp(42px,6vw,76px);line-height:1}.codex-hero p,.codex-section-heading p,.mode-card p,.feature-card p,.codex-practice p,.docs-map-card p{color:var(--text-muted);font-size:17px;line-height:1.75}.codex-hero>div>p:not(.codex-eyebrow){max-width:780px;font-size:20px}.codex-hero .codex-source-note{color:var(--text-muted);margin-top:14px;font-size:14px;line-height:1.65}.codex-source-note a{color:var(--text);-webkit-text-decoration-color:var(--border-accent);text-decoration-color:var(--border-accent);text-underline-offset:3px;font-weight:700}.codex-source-note a:hover{color:var(--accent)}.mode-card,.feature-card,.docs-map-card{border:1px solid var(--border);background:var(--surface);border-radius:8px}.codex-section-heading{max-width:820px;margin-bottom:28px}.codex-section-heading h2,.codex-practice h2{color:var(--text);letter-spacing:0;margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.08}.codex-docs-map,.codex-features{border-top:1px solid var(--border)}.docs-map-grid,.feature-grid,.mode-grid{gap:14px;display:grid}.docs-map-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.docs-map-card{color:var(--text);gap:10px;padding:18px;transition:border-color .18s,box-shadow .22s,transform .22s;display:grid}.docs-map-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.docs-map-card strong,.mode-card strong{color:var(--text);font-size:20px}.docs-map-card p,.mode-card p,.feature-card p{margin:0;font-size:15px}.docs-map-card span{color:var(--accent);align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:800;display:inline-flex}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card{padding:22px}.mode-card strong{color:var(--accent);margin-bottom:10px;display:block}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.feature-card{gap:10px;padding:18px;display:grid}.feature-card svg{color:var(--accent)}.feature-card h3{margin:0}.codex-practice{border-top:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(280px,.9fr);align-items:start;gap:clamp(24px,5vw,56px);display:grid}.codex-practice ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.codex-practice li{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:16px;line-height:1.55;display:grid}.codex-practice li svg{color:var(--accent-warm);margin-top:3px}.codex-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=980px){.codex-header,.codex-practice,.mode-grid{grid-template-columns:1fr}}@media (width<=620px){.codex-page{padding-inline:14px}.codex-hero h1{font-size:40px}}.easy-page{min-height:100vh;color:var(--text);background:var(--bg);padding:0 clamp(18px,4vw,58px) 58px}.easy-header{z-index:10;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:18px 0;display:grid;position:sticky;top:0}.easy-back{border:1px solid var(--border);min-height:38px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.easy-brand{min-width:0}.easy-brand strong,.easy-brand span{display:block}.easy-brand strong{color:var(--text);font-size:clamp(20px,3vw,32px);line-height:1.1}.easy-brand span{color:var(--text-muted);margin-top:4px}.article-card{text-decoration:none}.language-toggle{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.language-option{min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-weight:700}.language-option-active{color:var(--text-inverse);background:var(--accent)}.easy-hero,.easy-tracks,.easy-appendix,.easy-catalog{padding:clamp(40px,7vw,82px) 0}.easy-hero{max-width:980px}.easy-eyebrow{color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:800;display:inline-flex}.easy-hero h1{max-width:940px;color:var(--text);letter-spacing:0;margin:0 0 20px;font-size:clamp(42px,6vw,76px);line-height:1}.easy-hero p,.easy-section-heading p,.track-card p,.article-card p,.catalog-head p,.empty-catalog p{color:var(--text-muted);font-size:17px;line-height:1.75}.easy-hero>div>p:not(.easy-eyebrow){max-width:760px;font-size:20px}.easy-hero .easy-source-note{color:var(--text-muted);margin-top:16px;font-size:15px;line-height:1.65}.easy-source-note a{color:var(--text);-webkit-text-decoration-color:var(--border-accent);text-decoration-color:var(--border-accent);text-underline-offset:3px;font-weight:800}.easy-source-note a:hover{color:var(--accent)}.easy-stats{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.easy-stats div{border-right:1px solid var(--border);gap:4px;padding:24px;display:grid}.easy-stats div:last-child{border-right:0}.easy-stats strong{color:var(--accent);font-size:34px}.easy-stats span{color:var(--text-muted)}.easy-section-heading{max-width:780px;margin-bottom:28px}.easy-section-heading h2,.catalog-head h2{color:var(--text);letter-spacing:0;margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.08}.track-grid,.appendix-grid{gap:16px;display:grid}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.track-card,.appendix-card,.article-card,.empty-catalog{border:1px solid var(--border);background:var(--surface);border-radius:8px}.track-card{padding:22px}.track-card svg{color:var(--accent);margin-bottom:18px}.track-card h3{margin-bottom:10px}.track-card p{margin:0}.easy-appendix{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.appendix-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.appendix-card{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.appendix-card strong{color:var(--text);text-transform:capitalize}.appendix-card span{color:var(--accent-warm);flex:none;font-size:14px;font-weight:800}.catalog-head{grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:end;gap:24px;margin-bottom:22px;display:grid}.easy-search{border:1px solid var(--border);min-height:48px;color:var(--text-muted);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.easy-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.section-tabs{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.section-tab{border:1px solid var(--border);min-height:38px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:8px;padding:0 14px}.section-tab-active{color:var(--text-inverse);border-color:var(--accent);background:var(--accent)}.catalog-list{gap:28px;display:grid}.catalog-section header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.catalog-section h3{margin:0}.catalog-section header span{color:var(--accent-warm);font-weight:800}.article-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.article-card{color:var(--text);gap:10px;padding:18px;transition:border-color .18s,box-shadow .22s,transform .22s;display:grid}.article-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.article-card span{color:var(--accent-warm);text-transform:capitalize;font-size:13px;font-weight:800}.article-card h4{color:var(--text);margin:0;font-size:18px;line-height:1.3}.article-card p{margin:0;font-size:15px}.article-card strong{color:var(--accent);align-items:center;gap:6px;margin-top:6px;font-size:14px;display:inline-flex}.empty-catalog{text-align:center;justify-items:center;gap:8px;padding:34px;display:grid}.empty-catalog svg{color:var(--accent)}.easy-page :is(a,button,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=980px){.easy-header,.catalog-head{grid-template-columns:1fr}.language-toggle{width:max-content}.track-grid{grid-template-columns:1fr}}@media (width<=620px){.easy-page{padding-inline:14px}.easy-hero h1{font-size:40px}.easy-stats{grid-template-columns:1fr}.easy-stats div{border-right:0;border-bottom:1px solid var(--border)}.easy-stats div:last-child{border-bottom:0}}.prompt-pack-page{min-height:100vh;color:var(--text);background:var(--bg);padding:0 clamp(18px,4vw,58px) 58px}.prompt-pack-header{z-index:10;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:18px 0;display:grid;position:sticky;top:0}.prompt-pack-back{border:1px solid var(--border);min-height:38px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.prompt-pack-brand{min-width:0}.prompt-pack-brand strong,.prompt-pack-brand span{display:block}.prompt-pack-brand strong{color:var(--text);font-size:clamp(20px,3vw,32px);line-height:1.1}.prompt-pack-brand span{color:var(--text-muted);margin-top:4px}.prompt-pack-hero,.prompt-pack-section,.prompt-pack-guide,.prompt-card-catalog{padding:clamp(40px,7vw,82px) 0}.prompt-pack-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:end;gap:clamp(28px,5vw,62px);display:grid}.prompt-pack-eyebrow{color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:800;display:inline-flex}.prompt-pack-hero h1{max-width:940px;color:var(--text);letter-spacing:0;margin:0 0 20px;font-size:clamp(42px,6vw,76px);line-height:1}.prompt-pack-hero p,.prompt-pack-section-heading p,.prompt-group header p,.prompt-card p,.prompt-pack-guide li{color:var(--text-muted);font-size:17px;line-height:1.75}.prompt-pack-hero>div>p:not(.prompt-pack-eyebrow){max-width:780px;font-size:20px}.prompt-pack-buy{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-panel);border-radius:8px;gap:12px;padding:22px;display:grid}.prompt-pack-buy span{color:var(--accent-warm);font-size:14px;font-weight:800}.prompt-pack-buy strong{color:var(--text);font-size:40px}.prompt-pack-buy button{border:1px solid var(--border);min-height:44px;color:var(--text-muted);background:var(--surface-muted);cursor:not-allowed;border-radius:8px;font-weight:800}.prompt-pack-section-heading{max-width:820px;margin-bottom:28px}.prompt-pack-section-heading h2,.prompt-pack-guide h2{color:var(--text);letter-spacing:0;margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.08}.deliverable-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.deliverable-card,.prompt-pack-guide,.prompt-group,.prompt-card{border:1px solid var(--border);background:var(--surface);border-radius:8px}.deliverable-card{color:var(--text);grid-template-columns:20px minmax(0,1fr);gap:10px;padding:18px;line-height:1.55;display:grid}.deliverable-card svg{color:var(--accent);margin-top:3px}.prompt-pack-guide{background:var(--surface-soft);grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);padding:clamp(24px,5vw,42px);display:grid}.prompt-pack-guide ol{gap:10px;margin:0;padding-left:22px;display:grid}.prompt-card-catalog{border-top:1px solid var(--border)}.prompt-group-list{gap:24px;display:grid}.prompt-group{padding:clamp(18px,4vw,28px)}.prompt-group header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.prompt-group header svg{color:var(--accent);margin-top:5px}.prompt-group h3{margin:0 0 6px;font-size:24px}.prompt-group header p{margin:0;font-size:16px}.prompt-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.prompt-card{gap:10px;padding:18px;display:grid}.prompt-card span{color:var(--accent-warm);font-size:13px;font-weight:900}.prompt-card h4{color:var(--text);margin:0;font-size:19px;line-height:1.3}.prompt-card p{margin:0;font-size:15px}.prompt-card strong{color:var(--text);margin-top:4px;font-size:14px}.prompt-card pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);color:var(--text);background:var(--surface-soft);border-radius:8px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.prompt-pack-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=980px){.prompt-pack-header,.prompt-pack-hero,.prompt-pack-guide,.deliverable-grid{grid-template-columns:1fr}}@media (width<=620px){.prompt-pack-page{padding-inline:14px}.prompt-pack-hero h1{font-size:40px}}.vibe-page{min-height:100vh;color:var(--text);background:var(--bg);padding:0 clamp(18px,4vw,58px) 58px}.vibe-header{z-index:10;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:18px 0;display:grid;position:sticky;top:0}.vibe-back{color:var(--text-muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex}.vibe-brand{min-width:0}.vibe-brand strong,.vibe-brand span{display:block}.vibe-brand strong{color:var(--text);font-size:clamp(20px,3vw,32px);line-height:1.1}.vibe-brand span{color:var(--text-muted);margin-top:4px}.vibe-hero,.vibe-method,.vibe-workflow,.vibe-memory,.vibe-templates{padding:clamp(40px,7vw,82px) 0}.vibe-hero{border-bottom:1px solid var(--border);max-width:980px}.vibe-eyebrow{color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:800;display:inline-flex}.vibe-hero h1{max-width:940px;color:var(--text);letter-spacing:0;margin:0 0 20px;font-size:clamp(42px,6vw,76px);line-height:1}.vibe-hero p,.vibe-section-heading p,.workflow-step p,.memory-file p{color:var(--text-muted);font-size:17px;line-height:1.75}.vibe-hero>div>p:not(.vibe-eyebrow){max-width:760px;font-size:20px}.vibe-hero .vibe-source-note{color:var(--text-muted);margin-top:14px;font-size:14px;line-height:1.65}.vibe-source-note a{color:var(--text);-webkit-text-decoration-color:var(--border-accent);text-decoration-color:var(--border-accent);text-underline-offset:3px;font-weight:700}.vibe-source-note a:hover{color:var(--accent)}.vibe-section-heading{max-width:760px;margin-bottom:28px}.vibe-section-heading h2,.vibe-templates h2{color:var(--text);letter-spacing:0;margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.08}.method-grid,.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.method-card,.memory-file,.workflow-step,.vibe-templates{border:1px solid var(--border);background:var(--surface);border-radius:8px}.method-card,.memory-file{padding:22px}.method-card-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.method-card-head svg{color:var(--accent)}.method-card-head strong,.memory-file strong{color:var(--text);font-size:22px;display:block}.method-card-head span{color:var(--text-muted);margin-top:3px;font-size:14px;display:block}.method-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.method-card li{color:var(--text);grid-template-columns:16px minmax(0,1fr);gap:8px;line-height:1.55;display:grid}.method-card li svg{color:var(--accent-warm);margin-top:4px}.vibe-workflow{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.workflow-list{gap:12px;display:grid}.workflow-step{grid-template-columns:54px 28px minmax(0,1fr);align-items:start;gap:16px;padding:20px 22px;display:grid}.workflow-step>svg{color:var(--accent);margin-top:4px}.workflow-index{color:var(--accent-warm);letter-spacing:0;font-size:13px;font-weight:900}.workflow-step h3{color:var(--text);margin:0 0 6px}.workflow-step p,.memory-file p{margin:0}.memory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.memory-file strong{font-size:18px}.memory-file p{margin-top:10px;font-size:15px}.vibe-templates{background:var(--surface-soft);grid-template-columns:minmax(260px,.58fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,56px);padding:clamp(24px,5vw,42px);display:grid}.template-list{gap:12px;display:grid}.template-list blockquote{border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text);background:var(--surface);border-radius:8px;margin:0;padding:16px 18px;line-height:1.65}.vibe-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=980px){.vibe-header,.vibe-templates{grid-template-columns:1fr}.method-grid,.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.vibe-page{padding-inline:14px}.vibe-hero h1{font-size:40px}.method-grid,.memory-grid{grid-template-columns:1fr}.workflow-step{grid-template-columns:1fr;gap:8px}}