/* FloatingLines container (vanilla) */
.floating-lines-container{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  mix-blend-mode: screen; /* makes dark background invisible over page */
}

/* Full-page background variant */
.floating-lines-bg{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100vw;
  height:100vh;
  z-index:0;
  pointer-events:none;
  /* darker effect with multiply blend mode for better contrast */
  mix-blend-mode:multiply;
  opacity:0.35;
}

/* ensure canvas fills entire viewport */
.floating-lines-bg canvas{
  display:block !important;
}