@charset "UTF-8";
/* CSS Document */
/* /var/www/cvio/public/assets/css/app.css */

.cvio-wave {
  position: absolute;
  left: -14%;
  border-radius: 50%;
  pointer-events: none;
  transform-origin: center;
}

.cvio-wave-1 {
  bottom: -105px;
  width: 720px;
  height: 235px;
  background: linear-gradient(90deg, rgba(213, 226, 255, 0.95) 0%, rgba(236, 243, 255, 0.55) 48%, rgba(255, 255, 255, 0.05) 100%);
  transform: rotate(8deg);
}

.cvio-wave-2 {
  bottom: -78px;
  width: 650px;
  height: 205px;
  background: linear-gradient(90deg, rgba(104, 158, 255, 0.46) 0%, rgba(148, 184, 255, 0.22) 55%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(-8deg);
}

.cvio-wave-3 {
  bottom: -34px;
  width: 610px;
  height: 185px;
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  background: linear-gradient(90deg, rgba(213, 226, 255, 0.68) 0%, rgba(236, 243, 255, 0.4) 55%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(14deg);
}

.cvio-wave-4 {
  bottom: 25px;
  width: 580px;
  height: 155px;
  border-top: 1px solid rgba(255, 255, 255, 0.95);
  background: linear-gradient(90deg, rgba(231, 239, 255, 0.92) 0%, rgba(244, 248, 255, 0.5) 65%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(-14deg);
}

@media (max-width: 1023px) {
  .cvio-wave {
    display: none;
  }
}