.floating-shape {
  position: absolute;
  left: -10%;
  right: -10%;
  height: 3px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.4) 50%,
    transparent 100%);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.shape-1 {
  top: 15%;
  animation: waveLine1 8s infinite;
  opacity: 0.5;
}

.shape-2 {
  top: 25%;
  height: 2px;
  animation: waveLine2 6s infinite;
  opacity: 0.6;
}

.shape-3 {
  top: 40%;
  height: 4px;
  animation: waveLine3 7s infinite;
  opacity: 0.4;
}

.shape-4 {
  top: 55%;
  animation: waveLine4 9s infinite;
  opacity: 0.7;
}

.shape-5 {
  top: 70%;
  height: 2px;
  animation: waveLine5 5s infinite;
  opacity: 0.5;
}

.shape-6 {
  top: 85%;
  animation: waveLine6 7.5s infinite;
  opacity: 0.6;
}

@keyframes waveLine1 {
  0%, 100% {
    transform: translateY(0) scaleX(1);
  }
  25% {
    transform: translateY(-10px) scaleX(1.05);
  }
  50% {
    transform: translateY(5px) scaleX(0.95);
  }
  75% {
    transform: translateY(-5px) scaleX(1.02);
  }
}

@keyframes waveLine2 {
  0%, 100% {
    transform: translateY(0) scaleX(1);
  }
  33% {
    transform: translateY(8px) scaleX(1.03);
  }
  66% {
    transform: translateY(-8px) scaleX(0.97);
  }
}

@keyframes waveLine3 {
  0%, 100% {
    transform: translateY(0) scaleX(1);
  }
  20% {
    transform: translateY(-15px) scaleX(1.1);
  }
  40% {
    transform: translateY(10px) scaleX(0.9);
  }
  60% {
    transform: translateY(-5px) scaleX(1.05);
  }
  80% {
    transform: translateY(5px) scaleX(0.95);
  }
}

@keyframes waveLine4 {
  0%, 100% {
    transform: translateY(0) scaleX(1);
  }
  30% {
    transform: translateY(12px) scaleX(1.08);
  }
  70% {
    transform: translateY(-12px) scaleX(0.92);
  }
}

@keyframes waveLine5 {
  0%, 100% {
    transform: translateY(0) scaleX(1);
  }
  25% {
    transform: translateY(6px) scaleX(0.98);
  }
  50% {
    transform: translateY(-10px) scaleX(1.04);
  }
  75% {
    transform: translateY(4px) scaleX(0.96);
  }
}

@keyframes waveLine6 {
  0%, 100% {
    transform: translateY(0) scaleX(1);
  }
  35% {
    transform: translateY(-8px) scaleX(1.06);
  }
  65% {
    transform: translateY(8px) scaleX(0.94);
  }
}