.begantis {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, #0f1a30, #1e3a5f, #3498db);
  background-size: 400% 400%;
  animation: bgMotion 15s ease infinite;
  min-height: 500px;
  width: 100%;
}

@keyframes bgMotion {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.begantis .perspective {
  perspective: 500px;
  background: transparent;
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}

.begantis .perspective .road {
  width: calc(100% - 30px);
  margin: 0 auto;
  background-color: #1e3a5f;
  transform: rotateX(45deg);
  height: 100vh;
  border-right: 15px solid;
  border-left: 15px solid;
  border-color: #3498db;
  background: 
    linear-gradient(to right, #1e3a5f 90%, transparent 90%), 
    linear-gradient(#1e3a5f 30%, #f1c40f 30%, #f1c40f 60%, #1e3a5f 60%);
  background-size: 55% 5%;
  animation: drive 0.8s linear infinite;
  position: absolute;
  bottom: 0;
  left: 15px;
}

@keyframes drive {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 0 0, 0 5%;
  }
}

/* Centrinės linijos su gradientu */
.begantis .moving-line {
  position: absolute;
  width: 8px;
  height: 40px;
  background: linear-gradient(
    to bottom,
    rgba(241, 196, 15, 0.3) 0%,
    #f1c40f 20%,
    #f1c40f 80%,
    rgba(241, 196, 15, 0.3) 100%
  );
  border-radius: 4px;
  animation: lineMove 1s linear infinite;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 15px #f1c40f;
  opacity: 0.7;
}

@keyframes lineMove {
  0% {
    top: -40px;
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}

/* Šoninės linijos - ryškios (tik vienos) */
.begantis .side-moving-line {
  position: absolute;
  width: 6px;
  height: 30px;
  background: #ecf0f1;
  border-radius: 3px;
  animation: sideLineMove 0.7s linear infinite;
  box-shadow: 0 0 15px #ecf0f1;
  opacity: 1;
}

.begantis .side-moving-line.left {
  left: 15px;
}

.begantis .side-moving-line.right {
  right: 15px;
}

@keyframes sideLineMove {
  0% {
    top: -30px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}