body{margin:0;font-family:var(--font-family);color:var(--color-text)}main{margin:auto;padding:var(--spacing-md);max-width:1200px}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(135deg,#1a0933,#2d0e4e);border:1px solid rgba(255,180,0,.3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-xs) 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:1000}html[data-theme=light] .dropdown-menu{background:linear-gradient(135deg,#f5f0ff,#ffe8cc);border:1px solid rgba(42,14,78,.3)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.hero{background:var(--gradient-hero);padding:2em;text-align:center;color:#fff;position:relative;overflow:hidden;margin-top:0}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,180,0,.1) 0%,rgba(255,120,50,.05) 50%,transparent 70%);z-index:1}.hero>*{position:relative;z-index:2}.hero h1,.gradient-heading{font-size:var(--font-size-hero-title);margin:.5em 0;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;text-shadow:0 2px 10px rgba(255,180,0,.2);font-weight:700;letter-spacing:1px}.hero p{font-size:var(--font-size-hero-subtitle);margin:.5em auto 1em;width:80%;line-height:1.6;max-width:800px}.hero button{background-color:var(--color-button-bg);color:var(--color-primary);border:1px solid var(--color-primary);padding:.75em 1.5em;font-size:var(--font-size-button);cursor:pointer;border-radius:var(--border-radius);font-weight:700;transition:var(--transition-standard)}.hero button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button)}html[data-theme=light] .hero{color:var(--color-secondary)}html[data-theme=light] .hero h1,html[data-theme=light] .gradient-heading{text-shadow:0 2px 10px rgba(255,120,50,.3)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .hero{color:var(--color-secondary)}html:not([data-theme=dark]) .hero h1,html:not([data-theme=dark]) .gradient-heading{text-shadow:0 2px 10px rgba(255,120,50,.3)}}main section{margin:1.5em auto;max-width:1000px;padding:0 2em}main section p,main section li{font-size:var(--font-size-xl);line-height:1.6;margin-bottom:1em}.cta-container{text-align:center;margin:2em 0}.cta-container .filled-button{display:inline-block;text-decoration:none;font-size:var(--font-size-button);padding:.75em 1.5em}input,textarea{width:100%;padding:.8em;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:4px;color:var(--color-text);font-size:var(--font-size-form-input)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px #ffb4004d}button{background-color:var(--color-button-bg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:var(--transition-standard)}.filled-button{border-radius:var(--border-radius);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:var(--btn-transition);transform:translateY(0);box-shadow:0 0 #ff783200}.cta-button{border-radius:var(--border-radius);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:var(--btn-transition);text-decoration:none;display:inline-block;text-align:center;background-color:#000;color:var(--color-primary);border:1px solid var(--color-primary);transform:translateY(0);box-shadow:0 0 #ff783200}.cta-button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}.theme-controls{position:fixed;top:10px;right:10px;z-index:1003;background:#000000b3;padding:10px;border-radius:5px;display:flex;gap:10px}@media (max-width: 768px){.theme-controls{top:auto;bottom:10px;right:10px;padding:6px;gap:6px}.theme-toggle-button,.theme-reset-button{font-size:10px;padding:4px 6px}}.theme-toggle-button,.theme-reset-button{background-color:var(--color-button-bg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);transition:var(--transition-standard);font-size:var(--font-size-body-xs);padding:5px 10px}.theme-toggle-button:hover,.theme-reset-button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}html[data-theme=light] .filled-button{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}html[data-theme=light] .filled-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html[data-theme=light] .cta-button{background-color:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary)}html[data-theme=light] .cta-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html[data-theme=light] .theme-toggle-button,html[data-theme=light] .theme-reset-button{color:var(--color-secondary);border-color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}html[data-theme=light] .theme-toggle-button:hover,html[data-theme=light] .theme-reset-button:hover{color:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .filled-button{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}html:not([data-theme=dark]) .filled-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html:not([data-theme=dark]) .cta-button{background-color:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary)}html:not([data-theme=dark]) .cta-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html:not([data-theme=dark]) .theme-toggle-button,html:not([data-theme=dark]) .theme-reset-button{color:var(--color-secondary);border-color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}html:not([data-theme=dark]) .theme-toggle-button:hover,html:not([data-theme=dark]) .theme-reset-button:hover{color:var(--color-primary-hover);border-color:var(--color-primary-hover)}}h2{margin-bottom:.8em;color:var(--color-primary);position:relative;display:inline-block;font-size:var(--font-size-heading-secondary)}h2:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:var(--gradient-primary)}.footer-links{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap;margin-top:2em;padding:.6em 0;border-top:1px solid rgba(255,180,0,.2)}.footer-link{text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-footer-text);transition:var(--transition-standard)}.footer-link:hover{color:var(--color-primary);text-decoration:underline}.minor-footer-links{display:flex;justify-content:center;gap:.5em;margin-top:.5em}.minor-footer-link{text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-body-xs);opacity:.7;transition:var(--transition-standard)}.minor-footer-link:hover{color:var(--color-primary);text-decoration:underline;opacity:1}.minor-footer-separator{color:var(--color-text-muted);font-size:var(--font-size-body-xs);opacity:.7}html[data-theme=light] .footer-link{color:var(--color-text-muted)}html[data-theme=light] .footer-link:hover{color:var(--color-secondary)}html[data-theme=light] .minor-footer-link{color:var(--color-text-muted)}html[data-theme=light] .minor-footer-link:hover{color:var(--color-secondary)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .footer-link{color:var(--color-text-muted)}html:not([data-theme=dark]) .footer-link:hover{color:var(--color-secondary)}html:not([data-theme=dark]) .minor-footer-link{color:var(--color-text-muted)}html:not([data-theme=dark]) .minor-footer-link:hover{color:var(--color-secondary)}}@media (max-width: 768px){.footer-links{flex-direction:column;align-items:center;gap:.7em;padding:.8em 0}}footer{text-align:center;margin-top:.5em;padding:.5em 0 1em;font-size:var(--font-size-body);color:var(--color-text-muted)}@media (max-width: 1024px){main{padding:var(--spacing-sm)}main section{padding:0 var(--spacing-md)}}@media (max-width: 768px){main{padding:var(--spacing-sm)}.hero{padding:var(--spacing-lg) var(--spacing-md)}.hero h1,.gradient-heading{font-size:var(--font-size-2xl)}.hero p{width:100%;font-size:var(--font-size-lg)}main section{padding:0 var(--spacing-sm)}main section p,main section li{font-size:var(--font-size-lg)}h2{font-size:var(--font-size-xl)}}@media (max-width: 480px){.hero{padding:var(--spacing-md) var(--spacing-sm)}.hero h1,.gradient-heading{font-size:var(--font-size-xl)}.hero p{font-size:var(--font-size-md)}main section p,main section li{font-size:var(--font-size-md)}h2{font-size:var(--font-size-lg)}}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);max-width:1200px;margin:0 auto;position:relative}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo{height:80px;transition:var(--transition-standard);filter:drop-shadow(0 0 8px rgba(255,180,0,.3))}.logo:hover{transform:scale(1.03);filter:drop-shadow(0 0 12px rgba(255,180,0,.5))}.logo-tagline{display:flex;flex-direction:column}.tagline{font-size:var(--font-size-lg);font-weight:500;color:var(--color-primary);line-height:1.3;text-shadow:var(--shadow-primary)}.tagline strong{font-weight:700}.tagline-mobile{display:none}.main-nav{display:flex;align-items:center;gap:var(--spacing-md)}.nav-item{text-decoration:none;color:var(--color-text);transition:color .2s ease}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);display:inline-block;font-size:var(--font-size-md)}.nav-item:hover,.nav-item.active{color:var(--color-primary)}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;padding:0;background:transparent;border:none;cursor:pointer;z-index:1002;flex-shrink:0}.menu-bar{display:block;width:20px;height:2px;background:var(--color-text);margin:2px 0;transition:all .3s ease;border-radius:2px}.menu-toggle.open .menu-bar:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.menu-toggle.open .menu-bar:nth-child(2){opacity:0}.menu-toggle.open .menu-bar:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.nav-overlay{display:none}html[data-theme=light] .tagline{color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .tagline{color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}}@media (max-width: 1024px){.site-header{padding:var(--spacing-sm) var(--spacing-md)}.logo{height:60px}.tagline{font-size:var(--font-size-md)}.nav-link{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.main-nav{gap:var(--spacing-sm)}}@media (max-width: 768px){.site-header{display:flex;flex-wrap:nowrap;padding:var(--spacing-xs) var(--spacing-sm);position:relative;align-items:center;gap:var(--spacing-xs)}.menu-toggle{display:flex;order:-1;width:32px;height:32px;margin:0;padding:0}.menu-bar{width:18px}.logo-container{flex:1;justify-content:flex-start}.logo{height:50px}.tagline-text{display:none}.tagline-mobile{display:inline}.tagline{font-size:var(--font-size-sm)}.main-nav{position:fixed;top:0;left:0;width:85vw;max-width:320px;height:100vh;height:100dvh;background:var(--color-bg);flex-direction:column;align-items:stretch;padding:var(--spacing-xl) var(--spacing-lg);padding-top:80px;gap:0;box-shadow:4px 0 20px #0000004d;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-nav.nav-open{transform:translate(0)}.nav-item{border-bottom:1px solid var(--color-border)}.nav-link{display:block;padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-lg)}.nav-item.active{background:var(--color-bg-secondary)}.nav-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#00000080;z-index:999}}@media (max-width: 480px){.site-header{padding:4px 8px;gap:4px}.menu-toggle{width:28px;height:28px}.menu-bar{width:16px;height:2px;margin:2px 0}.logo{height:32px}.tagline{font-size:var(--font-size-xs)}.main-nav{width:100vw;max-width:none}}.hero{text-align:center;padding:var(--spacing-xl) var(--spacing-md);max-width:var(--container-default);margin:0 auto}.hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-philosophy{max-width:900px;margin:0 auto}.hero-philosophy blockquote{font-size:var(--font-size-xl);font-style:italic;margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--color-card-bg);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-text)}.hero-belief{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-muted)}main{margin:0 auto}.problem-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.problem-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.intro-text{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text)}.problem-intro{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl);color:var(--color-text)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.problem-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:var(--transition-standard)}html[data-theme=light] .problem-card{border:2px solid rgba(42,14,78,.15);box-shadow:0 2px 8px #0000000d}.problem-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary-hover)}.problem-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.problem-card p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted)}.trap-callout{background:linear-gradient(135deg,#ffb4001a,#ff78321a);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:center}.trap-callout p{font-size:var(--font-size-lg);line-height:1.6;margin:0;color:var(--color-text)}.solution-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.solution-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.solution-intro,.solution-subtitle{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text)}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.benefit-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:var(--transition-standard)}html[data-theme=light] .benefit-card,html[data-theme=light] .method-step,html[data-theme=light] .result-item{border:2px solid rgba(42,14,78,.15);box-shadow:0 2px 8px #0000000d}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary)}.benefit-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.benefit-card p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted)}.method-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.method-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.method-intro,.method-description{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text)}.method-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.method-step{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:var(--transition-standard)}.method-step:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary)}.method-step h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.method-step p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted)}.realization-callout{background:linear-gradient(135deg,#ffb4001a,#ff78321a);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:center}.realization-callout p{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-md);color:var(--color-text)}.call-to-action{font-size:var(--font-size-xl);color:var(--color-primary)}.results-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.results-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.results-intro{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl);color:var(--color-text)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin:var(--spacing-xl) 0}.result-item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition-standard)}.result-item:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000001a;border-color:var(--color-primary)}.result-item h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text)}.result-item p{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-muted);margin:0}.book-teaser{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.book-content h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.book-info{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xl);align-items:start}.book-cover-placeholder{width:180px;height:240px;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0003;position:relative}.book-spine{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding:var(--spacing-md)}.book-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.book-subtitle{font-size:var(--font-size-sm);opacity:.9}.book-details h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.book-description{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.book-features{list-style:none;padding:0;margin-bottom:var(--spacing-lg)}.book-features li{padding:var(--spacing-xs) 0;position:relative;padding-left:var(--spacing-lg);color:var(--color-text-muted)}.book-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.book-status{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.status-badge{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--color-border)}.book-status p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.resources-available{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.explore-btn{display:inline-block;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);color:var(--color-text);text-decoration:none;border-radius:var(--border-radius);border:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-base);transition:all .2s ease}.explore-btn:hover{background:var(--color-hover-overlay);border-color:var(--book-interactive-bg);color:var(--book-interactive-bg);transform:translateY(-2px)}.quick-links{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border)}.quick-links h3{text-align:center;font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quick-link:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.link-icon{font-size:var(--font-size-3xl)}.link-text{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);text-align:center}@media (max-width: 1024px){.hero h1{font-size:var(--font-size-2xl)}.hero-philosophy blockquote{font-size:var(--font-size-md);padding:var(--spacing-md)}.hero-belief{font-size:var(--font-size-md)}.problems-grid,.benefits-grid,.method-steps{grid-template-columns:1fr;gap:var(--spacing-md)}.results-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.book-info{grid-template-columns:1fr;text-align:center}.book-cover-placeholder{margin:0 auto}.book-details{text-align:left}.links-grid{grid-template-columns:repeat(2,1fr)}.problem-section,.solution-section,.method-section,.results-section{padding:0 var(--spacing-md)}}@media (max-width: 768px){.hero{padding:var(--spacing-md) var(--spacing-sm)}.hero h1{font-size:var(--font-size-xl)}.hero-philosophy blockquote{font-size:var(--font-size-sm);padding:var(--spacing-sm)}.hero-belief{font-size:var(--font-size-sm)}.intro-text,.problem-intro,.solution-intro,.solution-subtitle,.method-intro,.method-description,.results-intro{font-size:var(--font-size-md)}.problem-section,.solution-section,.method-section,.results-section{padding:0 var(--spacing-sm)}.book-teaser{padding:var(--spacing-md);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.links-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.problem-card,.benefit-card,.method-step{padding:var(--spacing-md)}.problem-card h3,.benefit-card h3,.method-step h3{font-size:var(--font-size-md)}.problem-card p,.benefit-card p,.method-step p{font-size:var(--font-size-sm)}.result-item{padding:var(--spacing-sm)}.result-item h4{font-size:var(--font-size-sm)}.result-item p{font-size:var(--font-size-xs)}.results-grid{grid-template-columns:1fr}.book-cover-placeholder{width:120px;height:160px}.book-title{font-size:var(--font-size-md)}.book-subtitle{font-size:var(--font-size-xs)}.book-details h3{font-size:var(--font-size-lg)}.book-description,.book-features li{font-size:var(--font-size-sm)}.trap-callout,.realization-callout{padding:var(--spacing-md)}.trap-callout p,.realization-callout p{font-size:var(--font-size-sm)}.quick-link{padding:var(--spacing-sm)}.link-icon{font-size:var(--font-size-xl)}.link-text{font-size:var(--font-size-sm)}}@media (max-width: 480px){.hero h1{font-size:var(--font-size-lg)}.links-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.book-cover-placeholder{width:100px;height:140px}}html[data-theme=light] .hero h1{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .hero h1{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.book-page{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.book-page .hero{text-align:center;margin-bottom:var(--spacing-3xl)}.book-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.book-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.book-page .hero .description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.resources-section{margin-bottom:var(--spacing-3xl)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.resource-card{display:block;padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:transform .2s ease,box-shadow .2s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.resource-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.resource-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.card-link{display:inline-block;color:var(--book-interactive-bg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:color .2s ease}.resource-card:hover .card-link{color:var(--book-interactive-hover)}@media (max-width: 768px){.book-page{padding:var(--spacing-xl) var(--spacing-md)}.book-page .hero h1{font-size:var(--font-size-2xl)}.book-page .hero .subtitle{font-size:var(--font-size-lg)}.card-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#ff7832;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;box-shadow:0 4px 12px #0006;transition:all .3s ease;opacity:0;visibility:hidden;z-index:var(--z-index-fixed, 300)}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#ff8c52;transform:translateY(-6px);box-shadow:0 8px 20px #ff783280}html[data-theme=light] .scroll-to-top{background:#4a1a7a;box-shadow:0 4px 12px #4a1a7a66}html[data-theme=light] .scroll-to-top:hover{background:#5e2299;box-shadow:0 8px 20px #4a1a7a80}.scroll-to-top:active{transform:translateY(-2px)}@media (max-width: 768px){.scroll-to-top{bottom:16px;right:16px;width:44px;height:44px}}.resource-page-layout{display:flex;min-height:100vh}.resource-content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);box-sizing:border-box;overflow-x:hidden}.toc-sidebar{position:sticky;top:80px;width:280px;height:calc(100vh - 100px);overflow-y:auto;padding:var(--spacing-xl);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-shrink:0}.toc-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:var(--spacing-xs)}.toc-link{display:inline-block;padding:var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;width:auto}.toc-link:hover{color:var(--book-interactive-bg);text-decoration:underline}.toc-item.active .toc-link{color:var(--book-interactive-bg);font-weight:var(--font-weight-semibold)}.toc-item.level-2 .toc-link{padding-left:var(--spacing-md);font-size:var(--font-size-sm)}.toc-toggle{display:none;position:fixed;top:12px;left:12px;z-index:1002;width:36px;height:36px;padding:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 8px #00000026}.toc-bar{display:block;width:18px;height:2px;background:var(--color-text);margin:2px 0;transition:all .3s ease;border-radius:2px}.toc-toggle.open .toc-bar:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.toc-toggle.open .toc-bar:nth-child(2){opacity:0}.toc-toggle.open .toc-bar:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.toc-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#00000080;z-index:1000}@media (max-width: 1024px){.resource-page-layout{flex-direction:column}.toc-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;z-index:1001;transform:translate(-100%);transition:transform .3s ease,visibility .3s ease;border-right:none;box-shadow:4px 0 20px #0000004d;background:var(--color-bg);padding-top:var(--spacing-xl);visibility:hidden}.toc-sidebar.toc-open{transform:translate(0);visibility:visible}.toc-toggle{display:flex}.resource-content{width:100%;max-width:100%;padding:var(--spacing-lg);padding-top:70px}}@media (max-width: 768px){.toc-toggle{top:10px;left:10px;width:32px;height:32px}.toc-bar{width:16px}.resource-content{padding:var(--spacing-md);padding-top:60px}}@media (max-width: 480px){.toc-sidebar{width:100%}.toc-toggle{top:8px;left:8px;width:28px;height:28px}.toc-bar{width:14px;height:2px;margin:2px 0}.resource-content{padding:var(--spacing-sm);padding-top:50px}}.copy-btn{padding:var(--spacing-xs);width:32px;height:32px;background:transparent;border:1px solid var(--book-interactive-bg);border-radius:var(--radius-sm);color:var(--book-interactive-bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.copy-btn:hover:not(:disabled){background:var(--color-accent-tint);border-color:var(--book-interactive-hover);color:var(--book-interactive-hover);transform:scale(1.05)}.copy-btn:active:not(:disabled){transform:scale(.95)}.copy-btn:disabled{cursor:default;opacity:.8}.copy-btn.copied{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-tint)}.copy-btn.error{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-tint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.personas-page .hero{text-align:center;margin-bottom:var(--spacing-3xl)}.personas-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.personas-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.personas-page .hero .description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--spacing-md);line-height:1.6}.personas-page .hero .stats{font-size:var(--font-size-base);color:var(--book-interactive-bg);font-weight:var(--font-weight-semibold);margin:0 auto;max-width:700px}.personas-list{max-width:1000px;margin:var(--spacing-2xl) auto}.category-group{margin-bottom:var(--spacing-3xl)}.category-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.persona-item{margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.persona-item.expanded{background:var(--color-bg);border-color:var(--book-interactive-bg)}.persona-summary{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);cursor:pointer;gap:var(--spacing-md)}.persona-summary:hover{background:var(--color-hover-overlay)}.persona-main{flex:1}.persona-name{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.persona-title{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;margin:0}.expand-icon{font-size:var(--font-size-2xl);color:var(--book-interactive-bg);font-weight:var(--font-weight-bold);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.persona-details{padding:var(--spacing-lg);padding-top:0;border-top:1px solid var(--color-border)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-section p{font-size:var(--font-size-base);color:var(--color-text);line-height:1.6;margin:0}.section-content{white-space:pre-wrap}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;padding:4px var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.expertise-tag{background:var(--color-accent-tint);border-color:var(--color-accent);color:var(--color-accent)}.use-tag{background:var(--color-bg-secondary);border-color:var(--color-border)}.full-content-actions{display:flex;align-items:center;gap:var(--spacing-md)}.content-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.loading-state,.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.loading-state p,.empty-state p{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.error-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}@media (max-width: 768px){.personas-page .hero h1{font-size:var(--font-size-2xl)}.personas-page .hero .subtitle{font-size:var(--font-size-lg)}.persona-summary{padding:var(--spacing-md)}.full-content-actions{flex-direction:column;align-items:flex-start}}.implementation-content .hero{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border)}.implementation-content .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.implementation-content .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.implementation-content .hero .description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.section{margin-bottom:var(--spacing-3xl)}.section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--color-text);scroll-margin-top:100px}.intro,.section-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.phase-overview{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.phase-card{padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:var(--radius-md)}.phase-card.advanced{border-left-color:var(--color-warning, #f59e0b)}.phase-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.phase-card ul{list-style:none;padding:0;margin:0}.phase-card li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6}.phase-card code{font-size:var(--font-size-base);padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}.navigation-tips{padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.navigation-tips h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.navigation-tips ul{list-style-position:inside;padding:0;margin:0}.navigation-tips li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xs)}.code-block{position:relative;margin:var(--spacing-lg) 0}.code-block pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto}.code-block code{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-base);line-height:1.6;color:var(--color-text)}.phase-section{margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border);scroll-margin-top:100px}.phase-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.phase-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.advanced-section{background:linear-gradient(135deg,transparent 0%,var(--color-bg-secondary) 100%);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border-top-color:var(--color-warning, #f59e0b)}.step-card{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.step-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.step-card p{margin-bottom:var(--spacing-sm);line-height:1.6;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.step-card strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.step-card code{font-size:var(--font-size-base);padding:2px 6px;background:var(--color-bg-secondary);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}.prompt-box{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-left:4px solid var(--color-border);border-radius:var(--radius-sm)}.prompt-box h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.prompt-box p{font-style:italic;color:var(--color-text);line-height:1.6;margin:0}.prompt-box ul{margin-top:var(--spacing-sm);padding-left:var(--spacing-lg);list-style-position:outside}.prompt-box li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xs)}.quality-gates-reference{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border-radius:var(--radius-md);border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .quality-gates-reference{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.quality-gates-reference h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:#fff}.quality-gates-reference ol{padding-left:var(--spacing-lg);margin:0}.quality-gates-reference li{line-height:1.6;margin-bottom:var(--spacing-xs);color:#fff}.quality-gates-reference strong{color:#fff;font-weight:var(--font-weight-bold)}.quality-gates-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:3px solid var(--color-border);scroll-margin-top:100px}.quality-gate-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg)}html[data-theme=light] .quality-gate-card{border:2px solid rgba(42,14,78,.4)}.gate-number{flex-shrink:0;width:48px;height:48px;margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0933,#2d0e4e);color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-radius:50%;border:2px solid rgba(255,180,0,.3)}html[data-theme=light] .gate-number{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:2px solid rgba(42,14,78,.3)}.quality-gate-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);margin-top:0;color:var(--color-text)}.quality-gate-card p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:1.6}.quality-gate-card ul{list-style-position:inside;padding:0;margin:0;text-align:left;max-width:600px}.quality-gate-card li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xs)}@media (max-width: 1024px){.toc-sidebar{width:240px}.implementation-content{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width: 768px){.implementation-page{flex-direction:column}.toc-sidebar{position:fixed;top:60px;left:-280px;width:280px;height:calc(100vh - 60px);z-index:999;transition:left .3s ease;border-right:none;box-shadow:var(--shadow-lg)}.toc-sidebar.toc-open{left:0}.toc-toggle{display:block}.implementation-content{width:100%;padding:var(--spacing-lg) var(--spacing-md);padding-top:80px}.implementation-content .hero h1{font-size:var(--font-size-2xl)}.implementation-content .hero .subtitle{font-size:var(--font-size-lg)}.phase-section h2{font-size:var(--font-size-xl)}.step-card{padding:var(--spacing-lg)}.quality-gate-card{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.gate-number{margin-bottom:var(--spacing-md)}}.structure-page .hero{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border)}.structure-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.structure-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.structure-page .hero .description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.structure-section{margin-bottom:var(--spacing-3xl)}.structure-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.section-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.structure-card{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.structure-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.structure-card p{margin-bottom:var(--spacing-md);line-height:1.6;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.structure-card code{font-size:var(--font-size-base);padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}.code-block-wrapper{margin:var(--spacing-lg) 0}.code-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.code-container{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.code-container pre{padding:var(--spacing-lg);margin:0;overflow-x:auto}.code-container code{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background:none;padding:0}.code-container .copy-code-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.structure-purpose,.note{padding:var(--spacing-md);background:var(--color-bg);border-left:4px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--spacing-md);line-height:1.6}.note{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.comparison-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.key-principle,.guideline{padding:var(--spacing-md);background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border-radius:var(--radius-sm);margin-top:var(--spacing-md);line-height:1.6;border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .key-principle,html[data-theme=light] .guideline{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.key-principle strong,.guideline strong{color:#fff;font-weight:var(--font-weight-bold)}.principles-box,.usage-patterns,.quality-gates-box{padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--spacing-lg)}.principles-box h4,.usage-patterns h4,.quality-gates-box h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.principles-box ul,.usage-patterns ul,.quality-gates-box ul{list-style-position:inside;padding:0;margin:0}.principles-box li,.usage-patterns li,.quality-gates-box li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xs)}.principles-box code,.usage-patterns code,.quality-gates-box code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-xs)}.takeaways-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:3px solid var(--color-border)}.takeaways-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-md);text-align:center;color:var(--color-text)}.takeaway-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.takeaway-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.takeaway-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--book-interactive-bg)}.takeaway-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.takeaway-card code{font-size:var(--font-size-sm);padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}@media (max-width: 1024px){.comparison-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.takeaway-cards{grid-template-columns:1fr}}@media (max-width: 768px){.structure-page{padding:var(--spacing-xl) var(--spacing-md)}.structure-page .hero h1{font-size:var(--font-size-2xl)}.structure-page .hero .subtitle{font-size:var(--font-size-lg)}.structure-section h2{font-size:var(--font-size-xl)}.structure-card{padding:var(--spacing-lg)}.code-container pre{padding:var(--spacing-md);font-size:var(--font-size-xs)}.copy-code-btn{position:static;display:block;width:100%;margin-top:var(--spacing-sm)}.comparison-grid,.takeaway-cards{gap:var(--spacing-md)}}.metrics-page .hero{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border)}.metrics-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.metrics-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.metrics-page .hero .description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.metrics-category{margin-bottom:var(--spacing-3xl)}.metrics-category h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.category-intro,.section-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto}.metric-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.metric-card.business{border-left:4px solid var(--color-success, #22c55e)}.metric-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.metric-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.metric-card p{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.metric-card strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.example,.impact,.calculation{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-md);font-size:var(--font-size-sm);line-height:1.6}.example{background:var(--color-bg);border-left:3px solid var(--color-border)}.impact{background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .impact{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.impact strong{color:#fff}.calculation{background:var(--color-bg);border:1px dashed var(--color-border);font-family:Monaco,Courier New,monospace}.scorecard-section{margin:var(--spacing-3xl) auto;padding:var(--spacing-2xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--color-border);max-width:900px;text-align:center}.scorecard{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.scorecard-category{padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius-md)}.scorecard-category h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--book-interactive-bg)}.metric-progress{margin-bottom:var(--spacing-md)}.metric-progress strong{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);color:var(--color-text)}.progress-bar{padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:4px solid var(--color-border)}.progress-bar span{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.note{padding:var(--spacing-md);background:var(--color-bg);border-left:4px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-secondary)}.getting-started{margin:var(--spacing-3xl) auto;max-width:900px}.getting-started h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.timeline{position:relative;padding-left:var(--spacing-2xl)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:var(--spacing-2xl)}.timeline-marker{position:absolute;left:calc(-1 * var(--spacing-2xl) - 8px);top:0;width:18px;height:18px;border-radius:50%;background:var(--book-interactive-bg);border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--book-interactive-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;padding:var(--spacing-sm) var(--spacing-md);width:auto;height:auto;border-radius:var(--radius-md)}.timeline-content{padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.timeline-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.timeline-content ul{list-style-position:inside;padding:0;margin:0}.timeline-content li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xs)}.success-section{margin:var(--spacing-3xl) auto;padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);border-radius:var(--radius-lg);max-width:900px}.success-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);text-align:center;color:var(--color-text)}.success-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.success-card{padding:var(--spacing-lg);background:var(--color-bg);border:2px solid var(--color-success, #22c55e);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-md)}.success-card .check{font-size:var(--font-size-xl);color:var(--color-success, #22c55e);flex-shrink:0}.success-card p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary);margin:0}.success-card strong{color:var(--color-text)}.leadership-section{margin:var(--spacing-3xl) auto;max-width:1100px}.leadership-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.leadership-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.leadership-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.leadership-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--book-interactive-bg);text-align:center}.leadership-card ul{list-style:none;padding:0;margin:0}.leadership-card li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);line-height:1.6}.leadership-card li:last-child{border-bottom:none}.leadership-card strong{color:var(--color-text)}.final-note{padding:var(--spacing-xl);background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .final-note{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.final-note p{font-size:var(--font-size-lg);line-height:1.8;margin:0}@media (max-width: 1024px){.leadership-grid,.success-grid{grid-template-columns:1fr}}@media (max-width: 768px){.metrics-page{padding:var(--spacing-xl) var(--spacing-md)}.metrics-page .hero h1{font-size:var(--font-size-2xl)}.metrics-page .hero .subtitle{font-size:var(--font-size-lg)}.metrics-category h2,.getting-started h2,.success-section h2,.leadership-section h2{font-size:var(--font-size-xl)}.metrics-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.scorecard-section{padding:var(--spacing-lg)}.timeline{padding-left:var(--spacing-xl)}.timeline-marker{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.prompts-index-page{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.prompts-index-page .hero{text-align:center;margin-bottom:var(--spacing-xl);width:100%;padding:0 var(--spacing-sm);box-sizing:border-box}.prompts-index-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.prompts-index-page .hero .subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-md);line-height:1.6}.prompts-index-page .hero .stats{font-size:var(--font-size-base);color:var(--book-interactive-bg);font-weight:var(--font-weight-semibold);margin:0 auto;max-width:600px}.chapter-section{margin-bottom:var(--spacing-3xl)}.chapter-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.prompts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.prompt-card{display:block;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;color:var(--color-text)}.prompt-card:hover{border-color:var(--book-interactive-bg);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.prompt-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.prompt-card .preview{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md) 0}.prompt-card .meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.prompt-card .category{display:inline-block;padding:2px var(--spacing-sm);background:var(--color-accent);color:#fff;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.prompt-card .tag{display:inline-block;padding:2px var(--spacing-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (max-width: 1024px){.prompts-index-page .hero{margin-bottom:var(--spacing-lg)}}@media (max-width: 768px){.prompts-index-page .hero h1{font-size:var(--font-size-xl)}.prompts-index-page .hero .subtitle{font-size:var(--font-size-sm);padding:0}.prompts-index-page .hero .stats{font-size:var(--font-size-sm)}.chapter-section{margin-bottom:var(--spacing-xl)}.chapter-section h2{font-size:var(--font-size-lg)}.prompt-card{padding:var(--spacing-sm)}.prompt-card h3{font-size:var(--font-size-md)}.prompt-card .preview{font-size:var(--font-size-sm);overflow-wrap:break-word;word-wrap:break-word}.prompt-card .meta{gap:4px}.prompt-card .category,.prompt-card .tag{font-size:10px;padding:2px 6px}}@media (max-width: 480px){.prompts-index-page .hero h1{font-size:var(--font-size-lg)}.prompts-index-page .hero .subtitle{font-size:var(--font-size-xs)}.chapter-section h2{font-size:var(--font-size-md)}.prompt-card{padding:10px}.prompt-card h3{font-size:var(--font-size-sm)}.prompt-card .preview{font-size:var(--font-size-xs)}}.prompt-detail-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl)}.prompt-detail-page .breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.prompt-detail-page .breadcrumb a{color:var(--book-interactive-bg);text-decoration:none}.prompt-detail-page .breadcrumb a:hover{text-decoration:underline}.prompt-detail-page .breadcrumb .separator{color:var(--color-text-muted)}.prompt-detail-page .breadcrumb .current{color:var(--color-text-secondary)}.prompt-header{margin-bottom:var(--spacing-2xl)}.prompt-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.prompt-header .meta-row{display:flex;gap:var(--spacing-md)}.prompt-header .chapter{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.prompt-header .category{display:inline-block;padding:2px var(--spacing-sm);background:var(--color-accent);color:#fff;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.prompt-info{margin-bottom:var(--spacing-2xl)}.info-block{margin-bottom:var(--spacing-lg)}.info-block h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}.info-block p{font-size:var(--font-size-lg);color:var(--color-text);line-height:1.6;margin:0}.info-block .tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.info-block .tag{display:inline-block;padding:4px var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.prompt-content{margin-bottom:var(--spacing-2xl)}.prompt-content .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.prompt-content .content-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.prompt-content .prompt-text{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto;font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.prompt-content .prompt-text code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--color-text)}.prompt-content .loading,.prompt-content .error{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.prompt-content .error{color:var(--color-error)}.prompt-footer{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.prompt-footer .back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--book-interactive-bg);text-decoration:none;font-weight:var(--font-weight-semibold)}.prompt-footer .back-link:hover{text-decoration:underline}.error-container{text-align:center;padding:var(--spacing-3xl)}.error-container h1{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--spacing-md)}.error-container p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.error-container .back-link{color:var(--book-interactive-bg);text-decoration:none;font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.prompt-detail-page{padding:var(--spacing-md)}.prompt-header h1{font-size:var(--font-size-xl)}.prompt-header .meta-row{flex-wrap:wrap}.prompt-content .prompt-text{padding:var(--spacing-md);font-size:var(--font-size-xs)}}.courses-page{max-width:var(--container-default);margin:0 auto;padding:var(--spacing-xl)}.courses-page .hero{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0}.courses-page .hero h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.courses-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);font-weight:600;margin-bottom:var(--spacing-md)}.courses-page .hero .description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.course-section,.interim-section{margin-bottom:var(--spacing-xl)}.course-section h2,.interim-section h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.interim-section>p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.course-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.course-card.featured{border-color:var(--book-interactive-bg);border-width:2px}.course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.course-header h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0}.course-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--book-interactive-bg);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.course-description{font-size:var(--font-size-lg);color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-xl)}.course-details{display:flex;flex-direction:column;gap:var(--spacing-xl)}.detail-group h4{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.detail-group ul{margin:0;padding-left:var(--spacing-lg)}.detail-group li{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.commitment-box{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.commitment-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px}.commitment-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--book-interactive-bg)}.commitment-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.commitment-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin:0}.curriculum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.curriculum-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.curriculum-icon{font-size:var(--font-size-xl);flex-shrink:0}.curriculum-item strong{display:block;font-size:var(--font-size-md);color:var(--color-text);margin-bottom:var(--spacing-xs)}.curriculum-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.course-cta{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);text-align:center}.availability{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-sm)}.waitlist-note{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.cta-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--book-interactive-bg);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:var(--transition-standard)}.cta-button:hover:not(:disabled){background:var(--book-interactive-hover)}.cta-button:disabled{opacity:.7;cursor:not-allowed}.resource-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.resource-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-standard)}.resource-card:hover{border-color:var(--book-interactive-bg);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.resource-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.resource-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.resource-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.courses-page{padding:var(--spacing-md)}.courses-page .hero h1{font-size:var(--font-size-2xl)}.course-card{padding:var(--spacing-lg)}.course-header{flex-direction:column}.commitment-box{justify-content:center}.curriculum-grid{grid-template-columns:1fr}}.about-page{max-width:var(--container-default);margin:0 auto;padding:var(--spacing-xl)}.about-page .hero{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0}.about-page .hero h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.about-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);font-weight:600}.about-section,.founder-section,.mission-section{margin-bottom:var(--spacing-xl)}.about-section h2,.founder-section h2,.mission-section h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.about-section p{font-size:var(--font-size-lg);color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-md)}.founder-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.founder-info h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.founder-title{font-size:var(--font-size-lg);color:var(--book-interactive-bg);font-weight:600;margin-bottom:var(--spacing-lg)}.bio-content p{font-size:var(--font-size-md);color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-md)}.founder-credentials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.credential{display:flex;align-items:center;gap:var(--spacing-sm)}.credential-icon{font-size:var(--font-size-xl)}.credential-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.founder-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.founder-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--book-interactive-bg);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:var(--transition-standard)}.founder-link:hover{background:var(--book-interactive-hover)}.mission-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.mission-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-standard)}.mission-card:hover{border-color:var(--book-interactive-bg);box-shadow:var(--shadow-card-hover)}.mission-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.mission-card p{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.about-page{padding:var(--spacing-md)}.about-page .hero h1{font-size:var(--font-size-2xl)}.founder-card{padding:var(--spacing-lg)}.founder-credentials{grid-template-columns:1fr}.founder-links{flex-direction:column}.founder-link{text-align:center}}.legal-page{max-width:var(--container-narrow);margin:0 auto;padding:var(--spacing-xl)}.legal-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.legal-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.effective-date{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.legal-content{color:var(--color-text)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.legal-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.legal-section p{font-size:var(--font-size-md);color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-md)}.legal-section ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.legal-section li{font-size:var(--font-size-md);color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-sm)}.legal-section li strong{color:var(--color-text)}.contact-info{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.contact-info p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md)}.contact-info p:last-child{margin-bottom:0}.legal-section p strong{color:var(--color-text)}@media (max-width: 768px){.legal-page{padding:var(--spacing-md)}.legal-header h1{font-size:var(--font-size-2xl)}.legal-section h2{font-size:var(--font-size-lg)}.legal-section h3{font-size:var(--font-size-md)}}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-content{max-width:var(--container-default);margin:0 auto;padding:0 var(--spacing-lg)}.footer-main{display:flex;justify-content:space-between;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;margin-bottom:var(--spacing-sm)}.footer-logo-img{width:32px;height:32px}.footer-logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.footer-links-section{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.footer-column{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:140px}.footer-column h4{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}.footer-column a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast)}.footer-column a:hover{color:var(--book-interactive-bg)}.footer-disclaimer{padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.footer-disclaimer p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.6}.footer-disclaimer strong{color:var(--color-text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:var(--spacing-md)}.footer-business{text-align:left}.business-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin:0}.business-address{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}@media (max-width: 768px){.footer-main{flex-direction:column}.footer-brand{max-width:100%;text-align:center;margin-bottom:var(--spacing-lg)}.footer-logo{justify-content:center}.footer-links-section{justify-content:center;text-align:center}.footer-column{min-width:100%;align-items:center}.footer-bottom{flex-direction:column;text-align:center}.footer-business{text-align:center}}:root{--font-family: "Atkinson Hyperlegible", system-ui, sans-serif;--font-size-base: clamp(16px, .95vw + 14px, 18px);--font-size-xs: clamp(.7rem, .7vw + .6rem, .75rem);--font-size-sm: clamp(.8rem, .7vw + .7rem, .875rem);--font-size-md: 1rem;--font-size-lg: clamp(1.15rem, .8vw + 1rem, 1.25rem);--font-size-xl: clamp(1.25rem, .9vw + 1.15rem, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.1vw + 1.3rem, 1.875rem);--font-size-3xl: clamp(1.75rem, 1.3vw + 1.5rem, 2.25rem);--font-size-4xl: clamp(2rem, 2vw + 1.6rem, 3rem);--font-size-body: var(--font-size-md);--font-size-body-small: var(--font-size-sm);--font-size-body-xs: var(--font-size-xs);--font-size-button: var(--font-size-xl);--font-size-label: var(--font-size-sm);--font-size-heading-primary: var(--font-size-3xl);--font-size-heading-secondary: var(--font-size-2xl);--font-size-heading-tertiary: var(--font-size-xl);--font-size-nav-link: var(--font-size-xl);--font-size-card-title: var(--font-size-lg);--font-size-card-content: var(--font-size-md);--font-size-footer-text: var(--font-size-sm);--font-size-form-input: var(--font-size-md);--font-size-hero-title: var(--font-size-4xl);--font-size-hero-subtitle: var(--font-size-xl);--color-primary: #ffb400;--color-primary-hover: #ff7832;--color-secondary: #1a0933;--color-accent: #2d0e4e;--color-tertiary: #607d8b;--color-tertiary-darker: #455a64;--color-tertiary-lighter: #78909c;--color-success: #22c55e;--color-error: #dc3545;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--book-interactive-bg: #ff7832;--book-interactive-hover: #ff9f5a;--book-emphasis-border: rgba(255, 120, 50, .3);--book-gradient: linear-gradient(135deg, rgba(255, 120, 50, .9), rgba(255, 159, 90, .9));--gradient-primary: linear-gradient(90deg, #ffb400, #ff7832);--spacing-unit: 8px;--spacing-xs: var(--spacing-unit);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--transition-standard: all .3s ease;--duration-fast: .15s;--duration-standard: .2s;--duration-slow: .3s;--easing-bounce: cubic-bezier(.175, .885, .32, 1.3);--easing-standard: ease;--easing-in-out: ease-in-out;--btn-transition: all var(--duration-fast) var(--easing-bounce);--border-radius: 8px;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-laptop: 1024px;--breakpoint-desktop: 1280px;--breakpoint-xl: 1440px;--container-narrow: 800px;--container-default: 1200px;--container-wide: 1400px}:root{--color-text: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .7);--color-background: #242424;--color-bg: #242424;--color-bg-secondary: #1a1a1a;--color-button-bg: #1a1a1a;--color-input-border: #444;--color-text-muted: rgba(255, 255, 255, .6);--card-bg-dark: rgba(60, 60, 70, .75);--card-bg-hover-dark: rgba(70, 70, 85, .85);--card-border-dark: rgba(90, 90, 110, .3);--color-card-bg: var(--card-bg-dark);--color-border: var(--card-border-dark);--gradient-hero: linear-gradient(135deg, #1a0933, #2d0e4e);--shadow-primary: 0 0 10px rgba(255, 180, 0, .3);--shadow-button: 0 4px 8px rgba(255, 120, 50, .2);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .3);--color-hover-overlay: rgba(255, 255, 255, .05);--color-accent-tint: rgba(255, 120, 50, .1);--color-success-tint: rgba(34, 197, 94, .1);--color-error-tint: rgba(220, 53, 69, .1)}html[data-theme=light]{--color-text: #1a0933;--color-text-secondary: #4a4a5a;--color-background: #ffffff;--color-bg: #ffffff;--color-bg-secondary: #c0c0cc;--color-button-bg: #f9f9f9;--color-input-border: #cccccc;--color-text-muted: rgba(26, 9, 51, .6);--shadow-primary: 0 0 10px rgba(255, 180, 0, .2);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1);--gradient-hero: linear-gradient(135deg, #f5f0ff, #ffe8cc);--card-bg-dark: #c0c0cc;--card-bg-hover-dark: #b0b0bc;--card-border-dark: rgba(0, 0, 0, .15);--color-card-bg: var(--card-bg-dark);--color-border: var(--card-border-dark);--color-hover-overlay: rgba(0, 0, 0, .03);--color-accent-tint: rgba(45, 14, 78, .1);--color-success-tint: rgba(34, 197, 94, .15);--color-error-tint: rgba(220, 53, 69, .15);--book-interactive-bg: #4a1a7a;--book-interactive-hover: #6b2fb3;--book-emphasis-border: rgba(42, 14, 78, .3);--book-gradient: linear-gradient(135deg, #2d0e4e, #4a1a7a)}@media (prefers-color-scheme: light){html:not([data-theme=dark]){--color-text: #1a0933;--color-text-secondary: #4a4a5a;--color-background: #ffffff;--color-bg: #ffffff;--color-bg-secondary: #c0c0cc;--color-button-bg: #f9f9f9;--color-input-border: #cccccc;--color-text-muted: rgba(26, 9, 51, .6);--shadow-primary: 0 0 10px rgba(255, 180, 0, .2);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1);--gradient-hero: linear-gradient(135deg, #f5f0ff, #ffe8cc);--card-bg-dark: #c0c0cc;--card-bg-hover-dark: #b0b0bc;--card-border-dark: rgba(0, 0, 0, .15);--color-card-bg: var(--card-bg-dark);--color-border: var(--card-border-dark);--color-hover-overlay: rgba(0, 0, 0, .03);--color-accent-tint: rgba(45, 14, 78, .1);--color-success-tint: rgba(34, 197, 94, .15);--color-error-tint: rgba(220, 53, 69, .15);--book-interactive-bg: #4a1a7a;--book-interactive-hover: #6b2fb3;--book-emphasis-border: rgba(42, 14, 78, .3);--book-gradient: linear-gradient(135deg, #2d0e4e, #4a1a7a)}}:root{font-family:var(--font-family);line-height:1.5;font-weight:400;font-size:var(--font-size-base);color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit;transition:var(--transition-standard);font-size:var(--font-size-lg)}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;flex-direction:column;min-height:100vh;width:100%;color:var(--color-text);background-color:var(--color-background)}h1{font-size:var(--font-size-heading-primary);line-height:1.1}button{border-radius:var(--border-radius);border:1px solid var(--color-primary);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;font-family:inherit;background-color:var(--color-button-bg);color:var(--color-primary);cursor:pointer;transition:var(--transition-standard)}button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}button:focus,button:focus-visible{outline:3px solid rgba(255,180,0,.3)}