.container {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  background: #0a0a0f;
}

.canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: var(--particle-opacity, 0.6);
}

/* Density variants */
.sparse .canvas {
  --particle-opacity: 0.4;
}

.dense .canvas {
  --particle-opacity: 0.8;
}

/* Size variants */
.small .canvas {
  --particle-size: 2px;
}

.medium .canvas {
  --particle-size: 3px;
}

.large .canvas {
  --particle-size: 4px;
}