/* [project]/src/app/home.css [app-client] (css) */
.bg-qompass-gradient {
  background: linear-gradient(0deg, #03041c 0%, #151c71 56.85%, #2833c7 91.67%);
}

.border-qompass-gradient {
  background: linear-gradient(165deg, #fff -10.07%, #fff0 89.61%);
}

.rounded-8 {
  border-radius: 8px;
}

.productview-gradient {
  background: linear-gradient(#cc8eff, #6073f6);
}

.bg-productview-text-gradient {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(79deg, #9c83ff 31.28%, #e151ff 77.97%, #fff759 95.64%);
  -webkit-background-clip: text;
  background-clip: text;
}

.ceo-linear {
  background: linear-gradient(83deg, #fff 66.5%, #523bea75 145.32%);
}

.popup-gradient {
  background: linear-gradient(88deg, #fff 0%, #fefefe 99.66%);
}

.gradient-line {
  background: linear-gradient(90deg, #99999980 0%, #fff 44.23%, #99999980 96.63%);
}

#rotatecircle {
  transform-origin: center;
  animation: 8s linear infinite rotateCircle;
}

@keyframes rotateCircle {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

#arc-entry {
  transform-origin: 0 100%;
  animation: 1.12s ease-out forwards paused arcEntry;
}

#arc-entry.active {
  animation-play-state: running;
}

@keyframes arcEntry {
  0% {
    opacity: 0;
    transform: rotate(270deg);
  }

  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

#arc-mask {
  transform-origin: 100%;
  animation: 1.12s ease-out forwards paused arcMaskReveal;
  transform: scaleX(1);
}

#arc-mask.active {
  animation-play-state: running;
}

@keyframes arcMaskReveal {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: #0000;
  }

  100% {
    fill: #4797ff;
  }
}

.svg-elem-1 {
  animation: 1s cubic-bezier(.47, 0, .745, .715) .8s infinite both animate-svg-fill-1;
}

.demobtn {
  background-color: #0000;
  transition: background-color .5s;
}

.demobtn:hover {
  background-color: #151c71;
}

/* [project]/src/app/_home/components/Landing.css [app-client] (css) */
.landinggrid {
  opacity: .15;
  background: linear-gradient(98deg, #9484f875 -3.75%, #afa3fb00 141.4%);
  transition: opacity 1.2s cubic-bezier(.18, .9, .32, 1);
}

@media (hover: hover) and (pointer: fine) {
  .landinggrid:hover {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.22, 1, .36, 1);
  }
}

.bg-radial-soft {
  background: radial-gradient(70.71% 70.71%, #90acff24 0%, #90acff00 70% 80%);
}

/*# sourceMappingURL=src_app_5d9462de._.css.map*/