.fluid-glass {
    position: relative; 
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.fluid-glass::before {
    content: '';
    position: absolute;
    top: var(--mouse-y, 50%);
    left: var(--mouse-x, 50%);
    width: 250px;
    height: 250px;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 40%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s ease, top 0.2s ease, left 0.2s ease;
    pointer-events: none;
    z-index: -1; 
    border-radius: inherit; 
}