@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Poppins', sans-serif;
}

.floating-animation {
    animation: float 3s ease-in-out infinite;
}

.floating-animation:nth-child(odd) {
    animation-delay: -1.5s;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

.pulse-animation {
    animation: pulse 2s infinite;
}

.gradient-bg {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}

.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
    transform: translateY(-8px) scale(1.02);
}

.btn-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px -12px rgba(34, 197, 94, 0.4);
}

.leaf-icon {
    filter: drop-shadow(0 4px 8px rgba(34, 197, 94, 0.2));
}