@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#f7f7f5;--foreground:#171717}:focus-visible{outline:3px solid #111;outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@layer base{html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{@apply bg-neutral-50 text-neutral-900;font-family:Segoe UI,Arial,sans-serif;font-feature-settings:normal;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{@apply font-heading font-bold text-primary}}@layer components{.container-custom{@apply w-full mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl}.btn{@apply inline-flex items-center justify-center px-4 py-2 rounded-lg font-medium transition-colors duration-200}.btn-primary{@apply bg-primary text-white hover:bg-primary-light}.btn-secondary{@apply bg-secondary text-primary hover:bg-secondary-dark}.nav-link{@apply text-neutral-700 hover:text-primary transition-colors duration-200}}.mobile-menu{@apply fixed inset-0 bg-white z-50 transform transition-transform duration-300 ease-in-out}.mobile-menu.hidden{@apply -translate-x-full}.mobile-menu-overlay{@apply fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300}.mobile-menu-overlay.hidden{@apply opacity-0 pointer-events-none}