#nebula-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  background: 
    radial-gradient(circle at 20% 30%, rgba(40, 10, 60, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(10, 40, 60, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(0, 229, 255, 0.05) 0%, transparent 60%);
  filter: blur(30px);
  animation: nebulaDrift 60s ease-in-out infinite alternate;
}

@keyframes nebulaDrift {
  0% { transform: scale(1) translate(0, 0); }
  50% { transform: scale(1.2) translate(-20px, 30px); }
  100% { transform: scale(1.1) translate(20px, -20px); }
}