:root{--color-bg: #fafaf8;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #5a5a58;--color-border: #e2e0dc;--color-primary: #2d6a4f;--color-primary-hover: #1b4332;--color-primary-light: #d8f3dc;--color-secondary: #40916c;--color-accent: #b7e4c7;--color-error: #c1292e;--color-warning: #e8a838;--color-success: #2d6a4f;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-hero: clamp(2rem, 1rem + 4vw, 3.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-section: clamp(3rem, 2rem + 4vw, 6rem);--max-width: 1200px;--header-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--duration-fast: .12s;--duration-normal: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1)}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--header-height)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.site-logo:hover{color:var(--color-primary-hover)}.main-nav{display:flex;align-items:center;gap:var(--space-xl)}.nav-list{display:flex;list-style:none;gap:var(--space-md)}.nav-link{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.menu-bar{display:block;width:20px;height:2px;background:var(--color-text);border-radius:1px;transition:transform var(--duration-normal) var(--ease-out)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);color:#fff}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.hero{text-align:center;padding:var(--space-section) var(--space-lg)}.hero h1{font-size:var(--text-hero);font-weight:800;color:var(--color-primary);letter-spacing:-.03em;line-height:1.1}.hero-subtitle{margin-top:var(--space-md);font-size:var(--text-lg);color:var(--color-text-muted)}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl)}.featured-section{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.featured-section h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-md)}.page-placeholder{max-width:var(--max-width);margin:0 auto;padding:var(--space-section) var(--space-lg)}.page-placeholder h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-md)}.not-found{text-align:center;padding:var(--space-section) var(--space-lg)}.not-found h1{font-size:6rem;font-weight:800;color:var(--color-border)}@media(max-width:768px){.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-lg);flex-direction:column;align-items:stretch;box-shadow:var(--shadow-lg)}.main-nav.open{display:flex}.nav-list{flex-direction:column;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-md)}.hero-actions{flex-direction:column;align-items:center}}