.floating-lines-background {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    background: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.06), transparent 40%),
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.04), transparent 40%);
}

.floating-lines-background canvas {
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.16));
}

.floating-lines-background::after {
    content: '';
    position: absolute;
    inset: -10%;
    background: radial-gradient(circle at 10% 10%, rgba(233, 71, 245, 0.08), transparent 30%),
        radial-gradient(circle at 90% 15%, rgba(94, 234, 212, 0.08), transparent 30%),
        radial-gradient(circle at 60% 80%, rgba(124, 58, 237, 0.1), transparent 40%);
    pointer-events: none;
    mix-blend-mode: screen;
    filter: blur(40px);
    opacity: 0.65;
}