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

.animate-bounce {
    animation: float 2s infinite;
}

#hero h1 {
    font-weight: 400 !important;
}

#hero h1 span {
    font-weight: bold;
}

/* Hero button hover - transparent background */
#hero .btn-cosmos:hover {
    background-color: transparent !important;
    color: hsl(var(--primary-foreground)) !important;
    border-color: hsl(var(--primary-foreground)) !important;
}