/* SoftAurora Component Styles */

.soft-aurora-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

.soft-aurora-container canvas {
  width: 100%;
  height: 100%;
  display: block;
}

body {
  position: relative;
}

/* Mobile optimizations for SoftAurora */
@media (max-width: 768px) {
  .soft-aurora-container {
    opacity: 0.7;
  }
}

@media (max-width: 480px) {
  .soft-aurora-container {
    opacity: 0.6;
  }
}