@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

        body {
            font-family: 'Inter', sans-serif;
        }

        .gradient-text {
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            background-image: linear-gradient(90deg, hsl(267, 86%, 59%), hsl(192, 70%, 51%));
        }

        .gradient-div {
            background-image: linear-gradient(90deg, hsl(267, 86%, 59%), hsl(192, 70%, 51%));
            color: white;
        }

        .gradient-button {
            background-image: linear-gradient(90deg, #9152e8, #60A5FA);
            /* Blue gradient */
            color: white;
            /* Text color */
            font-weight: bold;
            font-size: 1rem;
            border: none;
            border-radius: 0.75rem;
            /* Rounded corners */
            cursor: pointer;
            padding: 0.5rem 1.5rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            /* Soft shadow */
        }

        .gradient-button:hover {
            background-image: linear-gradient(90deg, #78a8f6, #995aec);
            /* Darker blue on hover */
            transform: translateY(-2px);
        }

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            transition: all 0.3s ease;
        }

        .card-hover-effect:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .tilt-effect:hover {
            transform: perspective(1000px) rotateX(5deg) rotateY(5deg);
        }

        .input-animate {
            transition: all 0.3s ease;
        }

        .input-animate:focus {
            transform: scale(1.02);
            box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.3);
        }

        #adsSlider>div {
            min-width: 100%;
        }