#header>h4{font-size:30px}.nav-hover-btn{text-transform:uppercase;cursor:pointer;letter-spacing:.05em;margin-inline-start:40px;font-size:13px;font-weight:500;position:relative}.floating-nav{background-color:#fff}
.spinner{border:5px solid #01fff7;border-color:#01fff7 #f3f3f300;border-radius:50%;width:50px;height:50px;margin:0 3px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.list-highlight li{align-items:center;gap:15px;display:flex}.list-highlight span{border-radius:50%;width:12px;height:12px;display:block}.welcome-bottom-button{background:linear-gradient(90deg,#1491ff,#a91fff)}.rounded-grad{z-index:2;position:relative}.rounded-grad:after{content:"";z-index:-1;background:linear-gradient(120deg,#2e35ff,#a333ff);border-radius:50%;width:50%;height:24%;position:absolute;top:50%;left:50%;transform:translate(-53%,-10%)}@media screen and not (min-width:600px){.list-highlight span{width:8px;height:8px}}
.bg-scrat-animation{--scrat-end-x:800px;--scrat-end-y:50px;--scrat-end-scale:.9;--scrat-end-rotate:0deg;will-change:transform;position:fixed}@keyframes animateScrat{0%{transform:translateX(0) scale(1) rotateY(var(--scrat-end-rotate))}to{transform:translateX(var(--scrat-end-x)) translateY(var(--scrat-end-y)) scale(var(--scrat-end-scale)) rotateY(var(--scrat-end-rotate))}}
.test{width:26%;height:16%;top:13%;left:30%;transform:rotate(348deg)}.ground-img>img{filter:drop-shadow(0 -.01px .01px #dd5bf7);animation-play-state:paused}.ground-img:before{content:"";z-index:-2;width:100%;height:31%;display:block;position:absolute;bottom:0;left:0;box-shadow:0 -65px 50px #d14be6,0 -140px 61px #07006b7b}.hero-loaded{animation-play-state:running}.set-rocks>div{background-repeat:no-repeat;background-size:100% 100%;position:absolute;bottom:-10px}.ground-blur{transform:translateY(65%)}.ground-blur>div{z-index:10;width:150%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes moveWidth{0%{height:180%}to{height:100%}}.grad{background:linear-gradient(90deg,#c084fc,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes slide-in{0%{opacity:0;transform:translateY(calc(14px - 50%))}to{opacity:1;transform:translateY(-50%)}}@keyframes slide-out{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(calc(-50% - 14px))}}.role-text{white-space:nowrap;opacity:0;font-size:13px;position:absolute;top:50%;left:0}.role-text.active{animation:.5s cubic-bezier(.22,1,.36,1) forwards slide-in}.role-text.exit{animation:.4s cubic-bezier(.55,0,1,.45) forwards slide-out}.role-wrapper{min-width:160px;height:20px;position:relative;overflow:hidden}.moon-img{width:700px;height:700px;transform:translate(35%,-5%)rotate(0)}.moon-img-main{filter:drop-shadow(0 0 5px #9300aa)drop-shadow(0 0 100px #07006b)}.sky-cloud{opacity:.9;filter:blur(1px);animation:60s ease-in-out infinite move-cloud}@keyframes move-cloud{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}.firefly-fixed{background:#e683ff;border-radius:50%;animation:3s ease-in-out infinite fireflyBlink;position:absolute;box-shadow:0 0 3px 1px #9b00c2}.firefly{background:#e683ff;border-radius:50%;position:absolute;transform:rotateX(45deg);box-shadow:0 0 3px 1px #9b00c2}.hero-btn{color:#f4eaff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2400633f;border:1.5px solid #8d2fff;border-radius:10px;padding:6px 18px;transition:all .1s linear;position:relative;overflow:hidden}.hero-btn:hover{transform:scale(1.03)}@keyframes fireflyMove{0%{transform:translate(0)}20%{transform:translate(-150px)}42%{transform:translate(-150px)}62%{transform:translate(-200px,-180px)}84%{transform:translate(-200px,-180px)}to{transform:translate(0)}}@keyframes fireflyBlink{0%,to{opacity:.35;filter:brightness()}50%{opacity:1;filter:brightness(1.8)}}@media screen and not (min-width:768px){.moon-img{width:600px;height:600px;transform:translate(43%,3%)rotate(20deg)}}@media screen and not (min-width:640px){.moon-img{width:500px;height:550px;transform:translate(50%,20%)rotate(0)}}.star{background:#c084fc;animation:ease-in-out infinite twinkle;box-shadow:0 0 4px #c084fc,0 0 8px #a855f7,0 0 14px #9333ea}@keyframes twinkle{0%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.4)}to{opacity:.2;transform:scale(.7)}}.astronaut-monitor{transform-origin:0;background-color:#d2d2d2aa;width:14%;height:13%;bottom:66%;right:48%;transform:rotateX(37deg)rotateY(33deg)rotate(338deg)}.hub{transform-origin:50%;transform:rotateX(44deg)rotateY(36deg)rotate(335deg)}.hero-badge{transform-origin:10px;transform:rotate(90deg)}.hub-graph>li{transform-origin:bottom}.spinning{animation:4s linear infinite spinningNormal}.hub-notify-ui{animation:15s ease-in-out infinite showNotify}@keyframes showNotify{0%{opacity:0;transform:translate(100%)scale(.5)}20%{opacity:1;transform:translate(0)scale(1)}60%{opacity:1;transform:translate(0)scale(1)}80%{opacity:0;transform:translate(100%)scale(.5)}to{opacity:0;transform:translate(100%)scale(.5)}}@keyframes spinningNormal{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _blink{0%,to{opacity:1}50%{opacity:0}}@keyframes animateGraph{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes swingbadge{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}
.planet1_light{width:24%;height:13%;top:10%;left:43%;transform:rotate(10deg)}.planet2_light{width:24%;height:13%;top:12%;left:34%;transform:rotate(350deg)}.dust{z-index:900;background:#0ef;border-radius:50%;animation:linear infinite floatDust;position:absolute;bottom:0;box-shadow:0 0 5px #0ef}.dust-custom{z-index:900;border-radius:50%;animation:linear infinite floatDust;position:absolute;bottom:0;box-shadow:0 0 5px #fff}@keyframes floatDust{0%{opacity:0;transform:translateY(0)translate(0)}20%{opacity:1}to{opacity:0;transform:translateY(-110px)translate(15px)}}
.glitch-box{width:100%;height:75%;position:relative}.layer{width:100%;height:100%;position:absolute;top:0;left:0}.bg-lines{opacity:.4;filter:blur(1px);width:400px;position:absolute;bottom:0;left:0}.dot-grid{opacity:.15;background-image:radial-gradient(circle,#00f0ff 1px,#0000 1px);background-size:14px 14px;width:140px;height:140px;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 100%);mask-image:radial-gradient(circle,#000 40%,#0000 100%)}.projector{filter:drop-shadow(0 0 30px #50a0ff80)drop-shadow(0 0 60px #7850ff4d)drop-shadow(0 20px 40px #000c)}.beam-main{z-index:10;width:54%;height:100px;position:absolute;top:-50px}.project-beam{clip-path:polygon(0% 0%,100% 0%,85% 100%,15% 100%);filter:blur(10px);background:linear-gradient(#0ef0,#7950ff);width:100%;height:100%}.beam-particles{clip-path:polygon(0% 0%,100% 0%,85% 100%,15% 100%);width:100%;height:100%;position:absolute;inset:0}.projectile-particle-floating{background:#fffc;border-radius:50%;animation:linear infinite floatX;position:absolute}.projectile-particle-moving{background:#fffc;border-radius:50%;animation:linear infinite floatUp;position:absolute}@keyframes floatX{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:.6}to{transform:translateY(0px) translateX(var(--drift));opacity:0}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-80px) translateX(var(--drift));opacity:0}}@keyframes redMove{0%{transform:translate(-8px)}to{transform:translate(8px)}}@keyframes greenMove{0%{transform:translateY(-1px)}to{transform:translateY(1px)}}@keyframes blueMove{0%{transform:translate(8px)}to{transform:translate(-8px)}}
.masked-section{position:absolute;inset:0;-webkit-mask-image:url(/images/project-mask.webp);mask-image:url(/images/project-mask.webp);-webkit-mask-position:top;mask-position:top;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mouse-child{box-shadow:0 0 50px 15px #0be1fb}.project-dust{will-change:transform;left:var(--dust-left);top:var(--dust-top);width:var(--dust-size);height:var(--dust-size);animation:floatingProjectDust var(--dust-duration) ease-in-out infinite;animation-delay:var(--dust-delay);background:#fff;border-radius:999px;position:absolute;box-shadow:0 0 4px #fff,0 0 8px #fff,0 0 14px #0ef}@keyframes floatingProjectDust{0%{transform:translate(0)}50%{transform:translate(var(--dust-move-x), var(--dust-move-y))}to{transform:translate(0)}}
.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;padding:2em 0;position:relative}.vertical-timeline:after{content:"";clear:both;display:table}.vertical-timeline:before{content:"";background:var(--line-color);width:4px;height:100%;position:absolute;top:0;left:18px}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{margin-left:-2px;left:50%}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";clear:both;display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:block;position:relative;top:50%;left:50%}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;margin-left:-30px;left:50%}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:.6s cd-bounce-1}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;margin-left:60px;padding:1em;position:relative;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{box-shadow:none;background:0 0}.vertical-timeline-element-content:after{content:"";clear:both;display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{content:"";border:7px solid #0000;border-right-color:#fff;width:0;height:0;position:absolute;top:16px;right:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";top:16px;right:unset;border:7px solid #0000;border-left-color:#fff;width:0;height:0;position:absolute;left:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:unset;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content:before,.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:1.25rem}.vertical-timeline-element-content p{font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{width:44%;margin-left:0;padding:1.5em}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{width:100%;font-size:1rem;position:absolute;top:6px;left:124%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{text-align:right;left:auto;right:124%}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{animation:.6s cd-bounce-2-inverse}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2-inverse}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translate(-100px)}60%{opacity:1;-webkit-transform:translate(20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translate(-100px)}60%{opacity:1;-moz-transform:translate(20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2{0%{opacity:0;transform:translate(-100px)}60%{opacity:1;transform:translate(20px)}to{transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translate(100px)}60%{opacity:1;-webkit-transform:translate(-20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translate(100px)}60%{opacity:1;-moz-transform:translate(-20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;transform:translate(100px)}60%{opacity:1;transform:translate(-20px)}to{transform:translate(0)}}
.experience-card{box-shadow:0 0 55px 10px #00064b65}.floating-box{transform-origin:50%;will-change:transform;animation:8s ease-in-out infinite floatingDiv}@keyframes floatingDiv{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}
