body { position:relative; isolation:isolate; }
.ghost-fibers {
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 65% 37%, #3437a04d, transparent 65%),
    radial-gradient(ellipse at 24% 74%, #4e256947, transparent 60%),
    #0c0c0c;
}
.ghost-fibers canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  opacity:0;
  transition:opacity .8s;
}
.ghost-fibers.is-ready canvas { opacity:.74; }
.ghost-fibers::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, #0c0c0c48, #0c0c0c18 48%, #0c0c0c34);
}
@media(max-width:600px) {
  .ghost-fibers.is-ready canvas { opacity:.65; }
  .ghost-fibers::after { background:#0c0c0c36; }
}
@media(prefers-reduced-motion:reduce) {
  .ghost-fibers canvas { transition:none; }
}
@media print {
  .ghost-fibers { display:none; }
}