/* ==========================================================================
   LIQUID TEXT — FLUID DISPLACEMENT TEXT EFFECT
   Fluid liquid distortion, metallic gradient shimmer & cursor-driven wave dynamics
   ========================================================================== */

.liquid-text-fluid {
    position: relative;
    display: inline-block;
    font-weight: 800;
    background: linear-gradient(
        115deg,
        #0f172a 0%,
        #2563eb 25%,
        #38bdf8 50%,
        #818cf8 75%,
        #0f172a 100%
    );
    background-size: 250% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: liquidGradientFlow 6s ease-in-out infinite alternate;
    transition: filter 0.3s ease, transform 0.3s ease;
    cursor: default;
    filter: drop-shadow(0 4px 12px rgba(37, 99, 235, 0.15));
}

.liquid-text-fluid:hover {
    filter: url(#liquid-displacement-filter) drop-shadow(0 6px 20px rgba(56, 189, 248, 0.35));
    transform: scale(1.02);
}

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