/* Custom Brand Color Utilities */
.bg-brand-green { background-color: #65d14a !important; }
.hover\:bg-brand-green:hover { background-color: #65d14a !important; }
.bg-brand-green-hover { background-color: #4eb833 !important; }
.hover\:bg-brand-green-hover:hover { background-color: #4eb833 !important; }
.bg-brand-green-light { background-color: #f0fbe9 !important; }
.bg-brand-green-border { background-color: #dbf5d2 !important; }
.text-brand-green { color: #65d14a !important; }
.hover\:text-brand-green:hover { color: #65d14a !important; }
.border-brand-green { border-color: #65d14a !important; }
.hover\:border-brand-green:hover { border-color: #65d14a !important; }
.border-brand-green-border { border-color: #dbf5d2 !important; }

.bg-brand-blue { background-color: #00abde !important; }
.hover\:bg-brand-blue:hover { background-color: #00abde !important; }
.bg-brand-blue-hover { background-color: #0096c7 !important; }
.hover\:bg-brand-blue-hover:hover { background-color: #0096c7 !important; }
.bg-brand-blue-light { background-color: #e6f7fc !important; }
.bg-brand-blue-border { background-color: #b3e6f5 !important; }
.text-brand-blue { color: #00abde !important; }
.hover\:text-brand-blue:hover { color: #00abde !important; }
.border-brand-blue { border-color: #00abde !important; }
.hover\:border-brand-blue:hover { border-color: #00abde !important; }
.border-brand-blue-border { border-color: #b3e6f5 !important; }

/* Gradients */
.from-brand-blue {
    --tw-gradient-from: #00abde !important;
    --tw-gradient-to: rgba(0, 171, 222, 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-brand-green { --tw-gradient-to: #65d14a !important; }
.from-brand-green {
    --tw-gradient-from: #65d14a !important;
    --tw-gradient-to: rgba(101, 209, 74, 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-brand-green-hover { --tw-gradient-to: #4eb833 !important; }
.to-brand-blue-hover { --tw-gradient-to: #0096c7 !important; }

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

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

.animate-float {
    animation: float 6s ease-in-out infinite;
}

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

.animate-float-delayed {
    animation: float-delayed 8s ease-in-out infinite;
}

@keyframes pulse-slow {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.animate-pulse-slow {
    animation: pulse-slow 4s ease-in-out infinite;
}

.transition-max-height {
    transition: max-height 0.3s ease-in-out;
}