:root{--primary:#333;--primary-light:#4d4d4d;--secondary:#6b7280;--accent:#f5683a;--accent-light:#fb923c;--bg:#fff;--bg-subtle:#f9fafb;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--success:#10b981;--error:#ef4444;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--grid-pattern:linear-gradient(#00000005 1px, transparent 1px), linear-gradient(90deg, #00000005 1px, transparent 1px)}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);background-color:#fff;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.btn-primary{background-color:var(--primary);color:#fff}.btn-secondary{color:var(--primary);border:1px solid var(--primary);background-color:#fff}.btn-accent{background-color:var(--accent);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out forwards fadeIn}@media (width<=768px){.container{padding:0 var(--space-md)}.section-padding{padding:var(--space-lg) 0}h1{font-size:2.5rem!important}header nav{display:none}}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--primary);margin-top:0;line-height:1.2}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul{padding-left:1.5rem}button{cursor:pointer;border-radius:var(--radius-sm);border:none;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:opacity .2s}button:hover{opacity:.9}.container{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.section-padding{padding:var(--space-xl) 0}.bg-subtle{background-color:var(--bg-subtle)}.grid-bg{background-image:var(--grid-pattern);background-size:20px 20px}
