body {
    font-family: "Inter", sans-serif;
    overflow: hidden;
    /* Hide scrollbars */
}

.wave {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 200px;
    background: #2563eb;
    animation: wave 10s ease-in-out infinite;
    transform-origin: 50% 100%;
    border-radius: 50% 50% 0 0;
    opacity: 0.8;
    z-index: -1;
}

.wave-alt {
    background: #3b82f6;
    animation: wave-alt 12s ease-in-out infinite;
    transform-origin: 50% 100%;
    opacity: 0.6;
}

@keyframes wave {

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

    50% {
        transform: translateY(-30px) rotate(2deg);
    }
}

@keyframes wave-alt {

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

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

.card-container {
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}