/* Website Background Glow Effect */
body {
  background-color: #ffffff;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(
      circle at top center,
      rgba(255, 140, 60, 0.5),
      transparent 70%
    );
  filter: blur(80px);
  background-repeat: no-repeat;
  pointer-events: none;
}

.floating-header {
  position: relative;
  background-color: #000000;
  overflow: hidden;
}

/* Cosmic Nebula Glow Layer */
.floating-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    radial-gradient(ellipse 110% 70% at 25% 80%, rgba(147, 51, 234, 0.12), transparent 55%),
    radial-gradient(ellipse 130% 60% at 75% 15%, rgba(59, 130, 246, 0.10), transparent 65%),
    radial-gradient(ellipse 80% 90% at 20% 30%, rgba(236, 72, 153, 0.14), transparent 50%),
    radial-gradient(ellipse 100% 40% at 60% 70%, rgba(16, 185, 129, 0.08), transparent 45%),
    #000000;

  pointer-events: none;
}