:root{--color-primary: #00e1ff;--color-secondary: #0a0f14;--color-accent: #01c5df;--color-accent-2: #ffffff;--color-text-primary: rgba(255, 255, 255, .87);--color-text-light: #ffffff;--fixed-vw: 100vw;--fixed-vh: 100vh;--door-bg-max-width: 100vw;--door-bg-max-height: 100vh;--door-width: 100vw;--door-height: 100vh;--door-max-width: 1200px;--door-left-offset: 40%;--door-right-offset: 40%;--door-horizontal-gap: .1vw;--door-scale: .54;--door-vertical-offset: 53.5%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-secondary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-height:100vh;background-color:var(--color-secondary)}body{margin:0;display:flex;place-items:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;min-width:320px;min-height:100vh;position:relative;background-color:transparent}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#0a0f1499,#0a0f1499),url(/assets/main/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px);z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/main/background.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:1}#app{width:100%;height:100vh;margin:0;padding:0;position:relative;z-index:10}.container{width:100%;height:100%;position:relative}.door-entrance{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-secondary);z-index:1000;display:flex;align-items:center;justify-content:center}.door-entrance:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#0a0f1499,#0a0f1499),url(/assets/main/door_opened.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px);z-index:0;mask-image:linear-gradient(to right,black 0%,black 25%,transparent 25%,transparent 75%,black 75%,black 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 25%,transparent 25%,transparent 75%,black 75%,black 100%)}.lab-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--door-bg-max-width);height:var(--door-bg-max-height);z-index:2}.lab-bg{width:100%;height:100%;object-fit:contain;display:block}.door-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--door-bg-max-width);height:var(--door-bg-max-height);z-index:6;cursor:default}.door-frame-img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.door-entrance.opening{opacity:0;transition:opacity .8s ease-out .6s}.door-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--door-bg-max-width);height:var(--door-bg-max-height);z-index:8;pointer-events:none}.door-left,.door-right{position:absolute;top:var(--door-vertical-offset);transform:translateY(-50%) scale(var(--door-scale));max-height:100%;max-width:50%;height:100%;width:auto;object-fit:contain;transition:all .3s ease;pointer-events:auto;cursor:pointer}.door-left{right:var(--door-left-offset);margin-right:var(--door-horizontal-gap);filter:drop-shadow(-.8vw 0 .5vw var(--color-primary))}.door-right{left:var(--door-right-offset);margin-left:var(--door-horizontal-gap);filter:drop-shadow(.8vw 0 .5vw var(--color-primary))}.door-container:hover .door-left{filter:drop-shadow(-1vw 0 1vw var(--color-primary)) drop-shadow(-1.5vw 0 1.5vw var(--color-primary))}.door-container:hover .door-right{filter:drop-shadow(1vw 0 1vw var(--color-primary)) drop-shadow(1.5vw 0 1.5vw var(--color-primary))}.door-entrance.opening .door-left{transform:translateY(-50%) scale(var(--door-scale)) translate(-120%);transition:transform 1s ease-out;filter:none!important}.door-entrance.opening .door-right{transform:translateY(-50%) scale(var(--door-scale)) translate(120%);transition:transform 1s ease-out;filter:none!important}.door-entrance.opening .door-frame{z-index:10}.door-entrance.opening:before{z-index:9}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20}.center-content h1{font-size:clamp(2em,5vw,3.2em);line-height:1.1;margin-bottom:.5rem;color:var(--color-primary);text-shadow:0 0 20px rgba(0,225,255,.5)}.center-content p{font-size:clamp(1em,2vw,1.2em);color:var(--color-text-primary)}.robot-btn{position:absolute;background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;filter:drop-shadow(0 0 .8vw var(--color-primary))}.robot-btn img{display:block;max-width:100%;height:auto;transition:transform .3s ease}.robot-btn:hover{filter:drop-shadow(0 0 1.3vw var(--color-primary)) drop-shadow(0 0 1.8vw var(--color-primary));transform:scale(1.05)}.robot-btn:hover img{transform:translateY(-.3vw)}.robot-btn:active{transform:scale(.95);filter:drop-shadow(0 0 2vw var(--color-primary)) drop-shadow(0 0 3vw var(--color-primary))}.robot-btn:active img{transform:translateY(0)}.drone-btn{width:8vw;animation:float 3s ease-in-out infinite}.drone-1{top:18%;left:22%;animation-delay:0s}.drone-2{top:15%;left:50%;transform:translate(-50%);animation-delay:.5s}.drone-3{top:18%;right:22%;animation-delay:1s}.robot-btn-bottom{width:6.5vw;bottom:8%}.robot-1{left:20%;animation:float-diagonal-left 3s ease-in-out infinite;animation-delay:0s}.robot-2{right:20%;animation:float-diagonal-right 3s ease-in-out infinite;animation-delay:.3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.5vw)}}@keyframes float-diagonal-left{0%,to{transform:translate(0)}50%{transform:translate(-.433vw,-.25vw)}}@keyframes float-diagonal-right{0%,to{transform:translate(0)}50%{transform:translate(.433vw,-.25vw)}}.mobile-entrance{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-secondary);z-index:1001;display:none;align-items:center;justify-content:center}.mobile-entrance.opening{opacity:0;transition:opacity .8s ease-out .6s}.mobile-entrance:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#0a0f1499,#0a0f1499),url(/assets/mobile/main/door_opened.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px);z-index:0;mask-image:linear-gradient(to right,black 0%,black 25%,transparent 25%,transparent 75%,black 75%,black 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 25%,transparent 25%,transparent 75%,black 75%,black 100%)}.mobile-entrance.opening:before{z-index:9}.mobile-lab-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:2}.mobile-lab-bg{width:100%;height:100%;object-fit:contain;display:block}.mobile-door-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:6;cursor:default}.mobile-door-frame-img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.mobile-entrance.opening .mobile-door-frame{z-index:10}.mobile-door-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:8;pointer-events:none}.mobile-door-panel{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%) scale(.54);max-height:100%;max-width:100%;height:100%;width:auto;object-fit:contain;transition:all .3s ease;pointer-events:auto;cursor:pointer;filter:drop-shadow(-.8vw 0 .5vw var(--color-primary)) drop-shadow(.8vw 0 .5vw var(--color-primary))}.mobile-door-container:hover .mobile-door-panel{filter:drop-shadow(-1vw 0 1vw var(--color-primary)) drop-shadow(-1.5vw 0 1.5vw var(--color-primary)) drop-shadow(1vw 0 1vw var(--color-primary)) drop-shadow(1.5vw 0 1.5vw var(--color-primary))}.mobile-entrance.opening .mobile-door-panel{transform:translate(-50%,-50%) scale(.54) translate(-120%);transition:transform 1s ease-out;filter:none!important}@media(max-width:768px){.drone-1{left:5%}.drone-3{right:5%}.robot-1{left:10%}.robot-2{right:10%}.center-content h1{font-size:2em}.center-content p{font-size:1em}}@media(max-width:768px)and (orientation:portrait){.door-entrance{display:none!important}.mobile-entrance{display:flex}.drone-btn{width:30vw}.robot-btn-bottom{width:24vw}.drone-2{left:35%;transform:translate(-50%)}.robot-btn-bottom{bottom:15%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.75vw)}}@keyframes float-diagonal-left{0%,to{transform:translate(0)}50%{transform:translate(-.6495vw,-.375vw)}}@keyframes float-diagonal-right{0%,to{transform:translate(0)}50%{transform:translate(.6495vw,-.375vw)}}.drone-2{animation:float 3s ease-in-out infinite}body:before{background-image:linear-gradient(#0a0f1499,#0a0f1499),url(/assets/mobile/main/background.png)}body:after{background-image:url(/assets/mobile/main/background.png)}}@media(max-width:768px)and (orientation:landscape){:root{--door-scale: .58;--door-horizontal-gap: .1vw;--door-left-offset: 38%;--door-right-offset: 38%;--door-vertical-offset: 53.5%}.door-entrance:before{mask-image:linear-gradient(to right,black 0%,black 20%,transparent 20%,transparent 80%,black 80%,black 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 20%,transparent 20%,transparent 80%,black 80%,black 100%)}.door-entrance.opening:before{z-index:9!important}.drone-btn{width:16vw}.robot-btn-bottom{width:13vw}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.75vw)}}@keyframes float-diagonal-left{0%,to{transform:translate(0)}50%{transform:translate(-.6495vw,-.375vw)}}@keyframes float-diagonal-right{0%,to{transform:translate(0)}50%{transform:translate(.6495vw,-.375vw)}}}@media(prefers-color-scheme:light){:root{color:var(--color-text-primary);background-color:var(--color-secondary)}}