.btn-shadow:hover {
    /* box-shadow: 0 10px 15px -3px rgba(255, 87, 51, 0.5), 0 4px 6px -2px rgba(255, 87, 51, 0.3);
     */
    box-shadow: 0 0 15px 4px #2F628F80;
}


@keyframes tilt {

    0%,
    100% {
        transform: rotate(-5deg);
    }

    50% {
        transform: rotate(5deg);
    }

}

.tilt-emoji {
    display: inline-block;
    animation: tilt 1s ease-in-out infinite;
    transform-origin: bottom;
}

.hero-title {
    -webkit-background-clip: text;
    font-weight: 500;
    letter-spacing: -.04em;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(355deg, #a8a8a8 20.37%, #fff 81.25%);
    line-height: 1.15;
}

@keyframes grid-move {
        0% {
            transform: translate(0, 0);
        }

        100% {
            transform: translate(50px, 50px);
        }
    }

    @keyframes grid-pulse {

        0%,
        100% {
            opacity: 0.1;
        }

        50% {
            opacity: 0.3;
        }
    }

    @keyframes float {

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

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

    @keyframes float-delay {

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

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

    .animate-grid-move {
        animation: grid-move 20s linear infinite;
    }

    .animate-grid-pulse {
        animation: grid-pulse 3s ease-in-out infinite;
    }

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

    .animate-float-delay {
        animation: float-delay 3s ease-in-out infinite 1.5s;
    }


    /* Scroll Animation */
    .scroll-animate {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease-out;
    }

    .scroll-animate.animate {
        opacity: 1;
        transform: translateY(0);
    }