.gradient-bg {
    background:

        /* ⭐ Tiny stars */
        radial-gradient(
            circle at 10px 10px,
            rgba(255, 255, 255, 0.75) 0.8px,
            transparent 1.5px
        ),

        radial-gradient(
            circle at 35px 25px,
            rgba(255, 255, 255, 0.45) 0.7px,
            transparent 1.5px
        ),

        radial-gradient(
            circle at 20px 45px,
            rgba(255, 255, 255, 0.55) 0.8px,
            transparent 1.5px
        ),

        /* ⭐ Larger soft stars */
        radial-gradient(
            circle at 70px 60px,
            rgba(255, 255, 255, 0.5) 1.2px,
            transparent 2px
        ),

        /* ♦ Diamond pattern */
        linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.035) 25%,
            transparent 25%,
            transparent 75%,
            rgba(255, 255, 255, 0.035) 75%
        ),

        linear-gradient(
            -45deg,
            rgba(255, 255, 255, 0.035) 25%,
            transparent 25%,
            transparent 75%,
            rgba(255, 255, 255, 0.035) 75%
        ),

        /* ✨ Glow */
        radial-gradient(
            circle at 15% 0%,
            rgba(255, 255, 255, 0.25),
            transparent 35%
        ),

        /* 🔵 Main gradient */
        linear-gradient(
            135deg,
            #063b82 0%,
            #084298 30%,
            #0d6efd 65%,
            #3d8bfd 100%
        );

    background-size:
        80px 80px,
        110px 110px,
        130px 130px,
        180px 180px,
        40px 40px,
        40px 40px,
        auto,
        auto;

    border-radius: 0px;

    border: 1px solid rgba(255, 255, 255, 0.14);

    box-shadow:
        0 10px 30px rgba(13, 110, 253, 0.30),
        inset 0 1px 1px rgba(255, 255, 255, 0.18);

        animation: gradientMove 10s ease-in-out infinite;
}
@keyframes gradientMove {

    0% {
        background-position:
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0% 0%,
            0% 0%;
    }

    50% {
        background-position:
            25px 18px,
            -20px 25px,
            30px -20px,
            -25px 30px,
            20px 20px,
            -20px -20px,
            0% 0%,
            0% 0%;
    }

    100% {
        background-position:
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0% 0%,
            0% 0%;
    }
}