@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{@apply text-gray-900 antialiased;background:linear-gradient(135deg,#f8fffe 0,#fff 100%)}}@layer components{.section-title{background:linear-gradient(135deg,#0fa86b 0,#12c27d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,#0fa86b 0,#12c27d 100%);animation:gradient 8s linear infinite}.gradient-text{background:linear-gradient(135deg,#0fa86b 0,#12c27d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-pattern{background-image:radial-gradient(circle at 20% 50%,rgba(15,168,107,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(18,194,125,.05) 0,transparent 50%)}.glass-effect{@apply bg-white/80 backdrop-blur-sm border border-white/20;}}@layer utilities{.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.float{animation:float 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient{0%,100%{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}}