.waves-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    background: linear-gradient(315deg, #03050a 3%, #070e1d 38%, #0a1128 68%, #03050a 98%);
    animation: gradientBg 15s ease infinite;
    background-size: 400% 400%;
}

/* O grid de Blueprint agora sobrepõe o gradiente e as ondas */
.waves-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(13, 161, 181, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(13, 161, 181, 0.05) 1px, transparent 1px);
    background-size: 35px 35px;
    background-position: center center;
    pointer-events: none;
    z-index: 2; /* Acima das ondas, apenas o grid */
}

@keyframes gradientBg {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

/* -----------------------------------------
   NUVENS DE NEON AMARELO (Ambient Glow)
-------------------------------------------- */
.ambient-glow {
    position: absolute;
    width: 60vw;
    height: 60vh;
    background: radial-gradient(circle, rgba(254, 228, 114, 0.05) 0%, transparent 65%);
    top: -10%;
    left: -10%;
    border-radius: 50%;
    filter: blur(80px);
    animation: driftGlow 25s infinite alternate ease-in-out;
    pointer-events: none;
    z-index: 0;
}

.ambient-glow.two {
    top: auto;
    bottom: -20%;
    left: auto;
    right: -10%;
    width: 70vw;
    height: 70vh;
    background: radial-gradient(circle, rgba(254, 228, 114, 0.04) 0%, transparent 65%);
    animation: driftGlowReverse 32s infinite alternate ease-in-out;
}

@keyframes driftGlow {
    0% { transform: translate(0, 0) scale(1); opacity: 0.6; }
    50% { transform: translate(5vw, 10vh) scale(1.1); opacity: 0.9; }
    100% { transform: translate(15vw, 5vh) scale(0.9); opacity: 0.5; }
}

@keyframes driftGlowReverse {
    0% { transform: translate(0, 0) scale(1); opacity: 0.7; }
    50% { transform: translate(-8vw, -12vh) scale(1.2); opacity: 0.4; }
    100% { transform: translate(-15vw, -5vh) scale(0.9); opacity: 1; }
}


