@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300..700&family=Poppins:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{@apply bg-white text-deep font-sans;}h1,h2,h3,h4,h5,h6{@apply font-display font-bold;}::selection{@apply bg-leaf/30 text-forest;}}@layer components{.container-custom{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.btn-primary{@apply bg-leaf text-deep px-6 py-3 rounded-lg font-semibold hover:bg-forest hover:text-white transition-all duration-300 shadow-md hover:shadow-xl inline-flex items-center gap-2;}.btn-outline{@apply border-2 border-forest text-forest px-6 py-3 rounded-lg font-semibold hover:bg-forest hover:text-white transition-all duration-300 inline-flex items-center gap-2;}.btn-white{@apply border-2 border-white text-white px-6 py-3 rounded-lg font-semibold hover:bg-white hover:text-deep transition-all duration-300 inline-flex items-center gap-2;}.section-title{@apply text-3xl md:text-4xl lg:text-5xl font-bold text-forest mb-6 text-center;}}@layer utilities{.bg-pattern-leaves{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%2322c55e' fill-opacity='0.05' d='M100 0c20 0 40 10 50 25 10-15 30-25 50-25 30 0 55 25 55 55 0 20-10 40-25 50 15 10 25 30 25 50 0 30-25 55-55 55-20 0-40-10-50-25-10 15-30 25-50 25-30 0-55-25-55-55 0-20 10-40 25-50-15-10-25-30-25-50 0-30 25-55 55-55z'/%3E%3C/svg%3E");background-repeat:repeat;background-size:60px}.text-gradient{background:linear-gradient(135deg,#14532d,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.animate-float-slow{animation:floatSlow 4s ease-in-out infinite}.animate-float-medium{animation:floatMedium 3s ease-in-out infinite}.animate-float-fast{animation:floatFast 2s ease-in-out infinite}.animate-pulse-slow{animation:pulseSlow 3s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes floatMedium{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes floatFast{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes pulseSlow{0%,to{opacity:1}50%{opacity:.5}}}svg{width:1.5em;height:1.5em;flex-shrink:0}button svg{width:1em!important;height:1em!important}footer svg{width:1.2em!important;height:1.2em!important}nav svg{width:1.2em!important;height:1.2em!important}#impacts .impact-card svg{width:2em!important;height:2em!important}#piliers .flex.items-center.gap-3 svg{width:1.2em!important;height:1.2em!important}#vision .group svg{width:2em!important;height:2em!important}form svg{width:.9em!important;height:.9em!important}button:hover svg,a:hover svg{transform:scale(1.1)}