@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--section-spacing: clamp(4rem, 8vw, 8rem);--container-padding: clamp(1.5rem, 5vw, 5rem);--nav-transition: color .3s cubic-bezier(.4, 0, .2, 1), background-color .3s ease}html{scroll-behavior:smooth;overflow-x:hidden}body{@apply antialiased text-slate-800 bg-white;}}@layer utilities{.tap-target{min-height:44px;min-width:44px;display:flex;align-items:center}.safe-x-padding{padding-left:var(--container-padding);padding-right:var(--container-padding)}}.animate-in{animation:animateIn .5s ease-out forwards}.fade-in{opacity:0;animation-name:fadeIn}.slide-in-from-top-2{animation-name:slideInTop}.slide-in-from-bottom{animation-name:slideInBottom}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInTop{0%{transform:translateY(-.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}