:root{--color-bg:#e6ecef;--color-text:#1a1a1a;--color-muted:#7a8a92;--color-accent:#f04e23;--color-accent-secondary:#2f80ed;--color-success:#27ae60;--font-primary:"Inter",sans-serif;--font-mono:"IBM Plex Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:64px;--radius-sm:4px;--radius-md:8px;--max-width:1100px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:inherit;text-decoration:none}h1{font-size:2rem}@media (min-width:820px){h1{font-size:3.2rem}}h2{font-size:1.6rem;margin-bottom:var(--space-md)}h3{font-size:1.2rem;margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}.label,p{color:var(--color-muted)}.label{font-family:var(--font-mono);font-size:.8rem}@media (min-width:820px){h1{font-size:3rem}h2{font-size:2rem}}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg)}.section{padding:var(--space-xl) 0}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.nav-links{display:flex;gap:var(--space-md)}.nav-links a{position:relative;font-size:.95rem}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--color-text);transition:width .2s ease}.nav-links a:hover:after{width:100%}.subnav-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.nav-links a.active{color:var(--color-text);font-weight:500}.nav-links a.active:after{width:100%}.subnav{display:flex;gap:var(--space-md);justify-content:flex-start;padding:var(--space-sm) 0;border-bottom:1px solid #d0d7dc}.subnav a{position:relative;color:var(--color-muted);font-size:.9rem}.subnav a.active{color:var(--color-text)}.subnav a.active:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:var(--color-text)}.hero{padding:var(--space-xl) 0;max-width:700px}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-text);border-radius:var(--radius-sm);font-size:.9rem;transition:all .2s ease}.btn:hover{background:var(--color-text);color:#fff}.btn-accent{border-color:var(--color-accent);color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent);color:#fff}.card{border:1px solid #d0d7dc;padding:var(--space-lg);border-radius:var(--radius-md);background:#fff;transition:transform .2s ease,border .2s ease}.card:hover{transform:translateY(-2px);border-color:var(--color-text)}.card-link{text-decoration:none;color:inherit;display:block}.card-link .card{transition:transform .15s ease,border .15s ease}.card-link:hover .card{transform:translateY(-2px);border-color:var(--color-text)}.section-header{margin-bottom:var(--space-lg)}.footer{margin-top:var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid #d0d7dc;font-size:.85rem;color:var(--color-muted)}.footer-inner{display:flex;flex-direction:column;gap:12px}.footer-links,.footer-social{display:flex;gap:16px}.footer-copy{font-size:.8rem;color:var(--color-muted)}