@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{@apply bg-black text-zinc-100 font-sans antialiased;}section{@apply min-h-screen px-6 md:px-12 lg:px-24 py-24 md:py-32;}}@layer utilities{::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-zinc-900;}::-webkit-scrollbar-thumb{@apply bg-emerald-500/50 rounded-full;transition:background-color .3s}::-webkit-scrollbar-thumb:hover{@apply bg-emerald-500;}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.dot-pattern{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.gradient-text{@apply bg-gradient-to-r from-emerald-400 via-cyan-400 to-blue-500 bg-clip-text text-transparent;}.card-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-8px)}.magnetic-button{transition:all .3s cubic-bezier(.16,1,.3,1)}.magnetic-button:hover{transform:scale(1.05)}}
