:root {
    --primary: #0B5ED7;
    /* Deep Royal Blue */
    --accent: #00BFA6;
    /* Teal Green */
    --secondary: #1E293B;
    /* Dark Slate */
    --light: #F8FAFC;
    /* Off White */
    --neutral: #CBD5E1;
    /* Muted Gray */
    --highlight: #16A34A;
    /* Success Green */
}

.hero-bg {
    background: linear-gradient(180deg, rgba(11, 94, 215, 0.08), rgba(0, 191, 166, 0.05));
}

@keyframes floaty {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

    100% {
        transform: translateY(0);
    }
}

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