.sphere{transform-style:preserve-3d;perspective:350px;opacity:.5}.circle{transform-origin:50%;background:linear-gradient(#ff00641a,#6400ff1a);border-radius:100%;width:100%;height:100%;animation:8s linear infinite rotate;position:absolute}.circle:nth-child(2){animation-delay:.1s}.circle:nth-child(3){animation-delay:.2s}.circle:nth-child(4){animation-delay:.3s}.circle:nth-child(5){animation-delay:.4s}.circle:nth-child(6){animation-delay:.5s}.circle:nth-child(7){animation-delay:.6s}.circle:nth-child(8){animation-delay:.7s}.circle:nth-child(9){animation-delay:.8s}.circle:nth-child(10){animation-delay:.9s}@keyframes rotate{to{transform:rotateY(1turn)rotateX(2turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f680}50%{box-shadow:0 0 40px #3b82f6cc,0 0 60px #3b82f666}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.animate-float{animation:6s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite alternate glow}.gradient-bottom-right{background:linear-gradient(135deg,#8d50fd,#f209a3)}.gradient-left-right{background:linear-gradient(90deg,#8d50fd,#f209a3)}.background-container{height:100%;transform-style:preserve-3d;z-index:1;grid-template-rows:repeat(20,5vh);grid-template-columns:repeat(20,5vw);display:grid;position:absolute}.monitor{pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}.camera{width:100%;height:100%;transform-style:preserve-3d;transition:all .5s;position:absolute}.camera.o-y{transform:rotateX(-30deg)rotateY(-30deg)}.vr{width:350px;height:350px;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.vr{width:100px;height:100px;top:15%}}.vr_layer{width:100%;height:100%;transform:preserve-3d;background:#0099ff02;border:1px solid #3949ab;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute}.vr_layer:first-child{transform:translateZ(-157.5px)}.vr_layer:first-child .vr_layer_item{animation-delay:-210ms}.vr_layer:nth-child(2){transform:translateZ(-140px)}.vr_layer:nth-child(2) .vr_layer_item{animation-delay:-420ms}.vr_layer:nth-child(3){transform:translateZ(-122.5px)}.vr_layer:nth-child(3) .vr_layer_item{animation-delay:-630ms}.vr_layer:nth-child(4){transform:translateZ(-105px)}.vr_layer:nth-child(4) .vr_layer_item{animation-delay:-840ms}.vr_layer:nth-child(5){transform:translateZ(-87.5px)}.vr_layer:nth-child(5) .vr_layer_item{animation-delay:-1050ms}.vr_layer:nth-child(6){transform:translateZ(-70px)}.vr_layer:nth-child(6) .vr_layer_item{animation-delay:-1260ms}.vr_layer:nth-child(7){transform:translateZ(-52.5px)}.vr_layer:nth-child(7) .vr_layer_item{animation-delay:-1470ms}.vr_layer:nth-child(8){transform:translateZ(-35px)}.vr_layer:nth-child(8) .vr_layer_item{animation-delay:-1680ms}.vr_layer:nth-child(9){transform:translateZ(-17.5px)}.vr_layer:nth-child(9) .vr_layer_item{animation-delay:-1890ms}.vr_layer:nth-child(10){transform:translateZ(0)}.vr_layer:nth-child(10) .vr_layer_item{animation-delay:-2100ms}.vr_layer:nth-child(11){transform:translateZ(17.5px)}.vr_layer:nth-child(11) .vr_layer_item{animation-delay:-2310ms}.vr_layer:nth-child(12){transform:translateZ(35px)}.vr_layer:nth-child(12) .vr_layer_item{animation-delay:-2520ms}.vr_layer:nth-child(13){transform:translateZ(52.5px)}.vr_layer:nth-child(13) .vr_layer_item{animation-delay:-2730ms}.vr_layer:nth-child(14){transform:translateZ(70px)}.vr_layer:nth-child(14) .vr_layer_item{animation-delay:-2940ms}.vr_layer:nth-child(15){transform:translateZ(87.5px)}.vr_layer:nth-child(15) .vr_layer_item{animation-delay:-3150ms}.vr_layer:nth-child(16){transform:translateZ(105px)}.vr_layer:nth-child(16) .vr_layer_item{animation-delay:-3360ms}.vr_layer:nth-child(17){transform:translateZ(122.5px)}.vr_layer:nth-child(17) .vr_layer_item{animation-delay:-3570ms}.vr_layer:nth-child(18){transform:translateZ(140px)}.vr_layer:nth-child(18) .vr_layer_item{animation-delay:-3780ms}.vr_layer:nth-child(19){transform:translateZ(157.5px)}.vr_layer:nth-child(19) .vr_layer_item{animation-delay:-3990ms}.vr_layer:nth-child(20){transform:translateZ(175px)}.vr_layer:nth-child(20) .vr_layer_item{animation-delay:-4200ms}.vr_layer_item{background:#0000000d;border:3px solid #fff;border-radius:100%;width:70%;height:70%;transition:all .5s;animation:3s cubic-bezier(.215,.61,.355,1) infinite alternate sphere,5s linear infinite alternate color}@keyframes sphere{0%{transform:scale(0)rotate(45deg)}50%{transform:scale(0)rotate(45deg)}to{transform:scale(1)rotate(45deg)}}@keyframes color{0%{border-color:#f55}50%{border-color:#55f}to{border-color:#5f5}}@keyframes lines{0%,to{opacity:0}50%{opacity:.2}}@keyframes upDown{0%,to{transform:translateY(20%)rotate3d(-1,-1,.2,45deg)}50%{transform:translateY(-20%)rotate3d(-1,-1,.2,45deg)}}.text-slide{animation:12.5s cubic-bezier(.83,0,.17,1) infinite textSlide}@keyframes textSlide{0%,26.66%{transform:translateY(0%)}33.33%,60%{transform:translateY(-25%)}66.66%,93.33%{transform:translateY(-50%)}to{transform:translateY(-75%)}}