@media(min-width: 980px){body::-webkit-scrollbar{display:none}.section-container{width:100%;height:300vh;position:relative}.section-container section{width:100%;height:100vh;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-text-primary);font-weight:600;transform:translateY(100vh);transition:transform var(--time-animation) ease-in-out;z-index:0}.section-container .s1{z-index:4;visibility:visible}}
.container-background-hexagon{position:absolute;top:0;left:0%;width:100%;height:100%;z-index:-4}.container-background-hexagon canvas#background-hexagon{position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:-5}
.carousel{width:23rem;height:23rem;perspective:500px;transform-style:preserve-3d;margin:auto 0;max-width:calc(100% - 2em);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:center}.carousel .card-container{position:absolute;width:100%;height:100%;transform:rotateY(calc(var(--offset) * 50deg)) scaleY(calc(1 + var(--abs-offset) * -0.4)) translateZ(calc(var(--abs-offset) * -30em)) translateX(calc(var(--offset) / var(--abs-offset) * -5em));transition:all .3s ease-out}.carousel .card-container .card{width:100%;height:100%;padding:2rem;background-color:var(--background-tertiary);border-radius:1rem;color:#5a5e64;text-align:justify;transition:all .3s ease-out;padding:1rem;overflow:hidden;display:flex;flex-direction:column;align-content:center;flex-wrap:nowrap;justify-content:space-between;align-items:center}.carousel .card-container .card .container-content{position:relative;width:100%;overflow:hidden;height:calc(100% - 5em)}.carousel .card-container .card h2{transition:all .3s ease-out;text-align:center;padding-bottom:.7em;font-size:1.25em}.carousel .card-container .card .content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;padding:1em .5em}.carousel .card-container .card .content p{background-color:#00000083;color:var(--color-text-primary);padding:.5em;text-align:left}.carousel .card-container .card .container-content .card-img{position:absolute;top:0;left:0;width:100%;height:100%;user-select:none}.carousel .card-container .card .container-content .card-img img{width:100%;height:100%;object-fit:cover;user-select:none;object-position:top}.carousel .card-container .card .links{position:relative;z-index:1;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;background-color:var(--background-tertiary);transition:all .3s ease-out;padding:.5em}.carousel .card-container .card .links>*{width:50%;text-align:center}.carousel .card-container .card .links svg{width:2em}.carousel .nav{color:var(--background-primary);font-size:5rem;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;z-index:2;cursor:pointer;user-select:none;background:unset;border:unset;font-size:4em}.carousel .nav.left{transform:translateX(-120%) translatey(-50%)}.carousel .nav.right{right:0;transform:translateX(120%) translatey(-50%)}.carousel .nav svg{width:.7em}@media screen and (max-width: 980px){.carousel{max-width:100%}.carousel .nav{font-size:3rem}.carousel .nav.left{transform:translateX(-0.5em) translatey(-50%)}.carousel .nav.right{transform:translateX(0.5em) translatey(-50%)}}
@font-face{font-family:"Gotham";src:url(fonts/520408fe3462b1d14d05.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:"Gotham";src:url(fonts/eaee1032db0d2ff750d2.otf) format("opentype");font-weight:bold;font-style:normal}@font-face{font-family:"Gotham";src:url(fonts/7f34eb053257cab413dc.otf) format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"Gotham";src:url(fonts/a52599fa8cce74bab773.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:"Gotham";src:url(fonts/a21d1577f411612a2753.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:"Gotham";src:url(fonts/67d9a1ce07a626fdbf00.otf) format("opentype");font-weight:100;font-style:normal}:root{--time-animation: 0.5s;-ms-overflow-style:none;--max-width: 1250px;--color-primary: #00e17e;--color-secondary: #fd076d;--color-text-primary: #f2f2f2;--color-text-secondary: rgb(0, 0, 0);--color-stick-active: #bef0ff;--background-primary: #0f0f11;--background-secondary: #252531;--background-tertiary: #f2f2f2}html{scrollbar-width:none}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;user-select:none}body{margin:0;padding:0;font-family:sans-serif;font-family:"Gotham",sans-serif;font-size:16px;background-color:var(--background-primary)}body.without-scroll{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{opacity:.8}svg path{fill:inherit}.grate{width:calc(100% - 4em);position:absolute;height:0%;border:3px solid #eaeaea;border-top:none;z-index:-2;border-bottom:none}.glitch:before,.glitch:after{content:attr(data-text-glitch);position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8;display:none}.glitch:after{color:var(--color-secondary);z-index:-2}.glitch:before{color:var(--color-primary);z-index:-1}.glitch:hover:before{display:block;animation:glitch-left .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.glitch:hover:after{display:block;animation:glitch-left-2 .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both}.logo{fill:var(--color-primary);width:50vw;position:absolute;top:calc(50% - 25vw);padding:0em;left:calc(50% - 25vw)}.logo>*{fill-opacity:var(--logo-opacity);animation:logo-opacity 2s var(--delay-animation) infinite;filter:drop-shadow(0 0 0.5rem var(--color-primary))}.section-container,header{display:none}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-primary);z-index:9999}.grecaptcha-badge{visibility:hidden}#g-recaptcha-response{font-weight:300;font-size:.8em;margin-top:1em}.container-loading{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:999999;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;background:#00000090;display:none;backdrop-filter:blur(2px)}.container-loading .loading svg{width:100px;height:100px}.container-loading.active{display:flex}@keyframes logo-opacity{0%{fill-opacity:.1}50%{fill-opacity:1}100%{fill-opacity:.1}}@media screen and (max-width: 980px){.grate{display:none}.section-container section{position:relative;min-height:100%;width:100%;color:var(--color-text-primary);font-weight:600;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1;overflow:hidden}}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes scroll-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(50%);transform:translateY(50%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes scroll-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes flicker-1{0%,100%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}@keyframes flicker-1{0%,100%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}@keyframes glitch-small{0%{transform:translate(0)}33%{transform:translate(2px, 1px)}66%{transform:translate(-1px, -1px)}to{transform:translate(0)}}@keyframes glitch-medium{0%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}to{transform:translate(0)}}@keyframes glitch-left{0%{transform:translate(0)}33%{transform:translate(-5px, 3px)}66%{transform:translate(5px, -3px)}to{transform:translate(0)}}@keyframes glitch-left-2{0%{transform:translate(0)}33%{transform:translate(-5px, -3px)}66%{transform:translate(5px, 2px)}to{transform:translate(0)}}@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
.section-container .s1{transform:translateY(0px);background-color:var(--background-primary);overflow:hidden;z-index:1;visibility:visible;height:100vh}.section-container .s1 .s1-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:space-evenly;align-items:flex-start;padding:1em 3.5em;width:100%;height:100%;max-width:var(--max-width);margin:auto;z-index:-2}.section-container .s1 .s1-container button{background:var(--background-primary);padding:1em 2em;position:relative;margin:2em 0 0 1em;outline:none;border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;font-size:1em;font-family:"Gotham";font-weight:400;max-width:100%;width:auto;letter-spacing:4px;-webkit-animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;overflow:hidden}.section-container .s1 .s1-container button::after{content:"";position:absolute;top:0;left:0;width:150%;height:100%;background:var(--color-primary);background:linear-gradient(117deg, var(--color-primary) 90%, rgba(0, 0, 0, 0) 90%);-webkit-transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:-1;transform:translate(-100%, 0)}.section-container .s1 .s1-container button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-primary);z-index:-2;opacity:0}.section-container .s1 .s1-container button:hover:after{transform:translate(0, 0)}.section-container .s1 .s1-container button:hover:before{opacity:1}.section-container .s1 .s1-container button:hover{color:var(--background-primary);background-color:transparent}.section-container>section{min-height:100vh}.section-container .s1 .s1-title{z-index:-4;position:relative;max-width:100%;margin:4em 0 0 0;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:flex-start;max-width:100%}.section-container .s1 .s1-title>*{line-height:1em}.section-container .s1 .s1-title h1{font-size:5em;text-align:left;font-weight:900;-webkit-animation:bounce-in-top 1.1s both;animation:bounce-in-top 1.1s both}.section-container .s1 .s1-title h2{font-size:4em;text-align:left;-webkit-animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both}.section-container .s1 .s1-title h3{text-align:left;padding:0 .1em;-webkit-animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;font-weight:800;-webkit-text-stroke-width:1px;-webkit-text-fill-color:#0dac5400;-webkit-text-stroke-color:var(--color-text-primary);-webkit-animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;font-size:2em;letter-spacing:3px;line-height:1.5em}.section-container .s1 .s1-title h3:hover{-webkit-text-stroke-width:0;-webkit-text-fill-color:currentColor;-webkit-text-stroke-color:transparent;color:var(--color-text-primary)}.scroll{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;top:calc(100% - 9.5em);left:.25em;transform:translate(-50%, -50%);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.25em;animation:scroll-1 4s ease-in-out infinite both;opacity:0}.scroll svg{width:.9em;fill:var(--color-text-primary)}.background-middle{position:absolute;top:14%;left:0%;width:89%;height:74%;background:#141a22;z-index:-3;background:#02ec03;background:linear-gradient(117deg, #02ec03 23%, #141a22 21%, black 76%, #090979 75%, #02ec03 59%, #02ec03 80%, rgba(255, 255, 255, 0) 7%);-webkit-filter:drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));filter:drop-shadow(11px 19px 9px black)}@media screen and (max-width: 980px){.section-container .s1{position:relative}.section-container .s1 .s1-container{padding:1em;text-align:center;align-items:center;flex-direction:column;justify-content:space-evenly}.section-container .s1 .s1-title{z-index:-4;position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;max-width:100%;margin-top:3em}.section-container .s1 .s1-title>*{line-height:1.25em}.section-container .s1 .s1-title h1{text-align:center;font-size:2.3em}.section-container .s1 .s1-title h2{font-size:1.8em;text-align:center}.section-container .s1 .s1-title h3{font-size:1.5em;text-align:center}.section-container .s1 .s1-container button{margin:2em 0 0 0;font-size:.8em;font-size:1em}}
.section-container .s2{background-color:var(--background-primary);overflow:hidden}.section-container .s2 .s2-container{padding:2em;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-evenly;align-items:center;width:100%;height:100%;max-width:var(--max-width);margin:auto}.section-container .s2 .s2-container .s2-content{width:50%;padding:4em 1em;text-align:left;transform:translate(-100%, 0%);opacity:0}.section-container .s2 .s2-container .s2-content h3{font-size:3em;margin-bottom:.25em;position:relative;display:inline-block}.section-container .s2 .s2-container .s2-content p{font-size:1.2em;font-weight:400}.section-container .s2 .s2-container .s2-content a{color:var(--color-primary);cursor:pointer}.section-container .s2 .porfile-container{position:relative;opacity:0;width:300px;max-width:100%;height:300px}.section-container .s2 .porfile-container .border{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);background:var(--color-primary);z-index:1;clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}.section-container .s2 .porfile-container .porfile{width:100%;height:100%}.section-container .s2 .porfile-container .porfile img{clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);width:100%;height:100%;object-fit:cover;object-position:top;position:relative;z-index:1}.section-container .s2 .circle::before{content:"";width:400px;height:400px;position:absolute;top:calc(0% - 200px);left:calc(100% - 200px);z-index:-7;-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);background:var(--background-secondary)}.section-container .s2 .circle2::before{content:"";width:400px;height:400px;position:absolute;top:calc(50% - 200px);left:calc(0% - 200px);z-index:-7;-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);background:var(--background-secondary)}@media screen and (max-width: 980px){.section-container .s2 .s2-container{flex-direction:column;align-items:center;justify-content:flex-start;padding:1em}.section-container .s2 .s2-container .s2-content{width:100%;padding:4em .5em}.section-container .s2 .s2-container .s2-content h3{font-size:2em}.section-container .s2 .s2-container .s2-content p{font-size:1em;padding:.5em}.section-container .s2 .porfile-container{margin-bottom:4em}}
.section-container .s3{background-color:var(--background-primary);overflow:hidden;height:100vh}.section-container .s3 .s3-container{padding:2em;display:flex;flex-wrap:nowrap;align-content:center;align-items:center;width:100%;height:100%;max-width:var(--max-width);margin:auto;flex-direction:column;align-items:center;justify-content:flex-start}.section-container .s3 .s3-container .s3-content{margin-top:3em}.section-container .s3 .s3-container .s3-content h3{font-size:1.75em;margin-bottom:.5em;position:relative;z-index:8}.section-container .s3 .s3-container .s3-content p{font-size:1.2em;font-weight:400}.container-gravity{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.container-gravity-move{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6}.container-gravity>span{z-index:-5;color:#fff;text-align:center}.container-gravity{width:100%;height:100%}.container-gravity .gravity{width:100%;height:100%}.container-gravity canvas{overflow:scroll;z-index:6;width:100% !important;height:100% !important}.click{width:90px;height:90px;background:#fff;position:absolute;top:19%;left:2.5%;overflow:hidden;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;cursor:pointer;font-size:11px;font-weight:400;z-index:8;transform:scale(0);-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);-webkit-clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);transition:all .2s ease-in}.click:hover{width:100px;height:100px}.click:hover>.borderIn{width:80px;height:80px}.click:hover>.borderOut{width:98px;height:98px}.click:hover>.borderOut::after{width:90px;height:90px}.click .borderIn{width:78px;height:78px;position:absolute;z-index:-1;top:50%;left:50%;background:var(--background-primary);overflow:hidden;transform:translate(-50%, -50%);-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);-webkit-clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);transition:all .2s ease-in}.click .borderOut{width:88px;height:88px;position:absolute;z-index:-2;top:50%;left:50%;background:var(--background-primary);overflow:hidden;transform:translate(-50%, -50%);-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);-webkit-clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);transition:all .2s ease-in}.click .borderOut::after{content:" ";width:80px;height:80px;position:absolute;z-index:0;top:50%;left:50%;transition:all .2s ease-in;background:#fff;overflow:hidden;transform:translate(-50%, -50%);-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);-webkit-clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}.click .borderOut::before{content:" ";width:20px;height:100px;position:absolute;z-index:0;top:50%;left:50%;background-color:var(--color-primary);transform:translate(-50%, -50%);transition:all .2s linear;animation:wave 8.6s linear infinite}.animation-drag{position:absolute;top:calc(100% - 100px);left:calc(60% - 220px);width:100px;height:100px;display:none;opacity:0}.animation-drag .box{position:absolute;top:0;left:0;width:100px;height:100px}.animation-drag .box rect{stroke:#aaa}.animation-drag .mouse{fill:#aaa;position:absolute;top:-70%;left:-25%;width:103px;height:106px}@keyframes wave{0%{transform:translate(-50%, -50%) rotate(0deg)}50%{transform:translate(-50%, -50%) rotate(180deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.section-container .s3 .circle::before{content:"";width:400px;height:400px;position:absolute;top:calc(100% - 200px);left:calc(100% - 200px);z-index:-7;-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);background:var(--background-secondary)}@media screen and (max-width: 980px){.section-container .s3 .s3-container .s3-content{margin-top:1em}.section-container .s3 .s3-container .s3-content h3{font-size:1.4em}.section-container .s3 .s3-container .s3-content p{font-size:1em}.animation-drag{top:calc(100% - 70px);left:calc(80% - 220px);width:70px;height:100px}.animation-drag .box{width:70px;height:70px}.animation-drag .mouse{width:73px;height:76px}}
.section-container .s4{background-color:var(--background-primary);overflow:hidden;min-height:100vh}.section-container .s4 .s4-container{padding:2em;width:100%;height:auto;max-width:var(--max-width);min-height:100vh;z-index:-2;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.section-container .s4 .s4-container .s4-content{margin-top:3em;max-height:100%}.section-container .s4 .s4-container .s4-content h3{font-size:1.75em;margin-bottom:1em;position:relative;z-index:6}.section-container .s4 .s4-container .s4-content p{font-size:1.2em;font-weight:400}.section-container .s4 .circle::before{content:"";width:400px;height:400px;position:absolute;top:calc(100% - 200px);left:calc(10% - 200px);z-index:-7;-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);background:var(--background-secondary)}@media screen and (max-width: 980px){.section-container .s4 .s4-container .s4-content{margin-top:1em}.section-container .s4 .s4-container .s4-content h3{font-size:1.4em}.section-container .s4 .s4-container .s4-content p{font-size:1em}}
.section-container .s5{background-color:var(--background-primary);overflow:hidden}.section-container .s5 .s5-container{padding:2em;width:100%;height:100%;max-width:var(--max-width);margin:auto;z-index:-2;min-height:100vh;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:space-evenly;align-items:flex-start}.section-container .s5 .s5-container .s5-content{margin-top:3em;max-height:100%;width:100%}.section-container .s5 .s5-container .s5-content h3{font-size:1.75em;position:relative;z-index:6;margin:auto;display:inline-block;margin-bottom:.5em}.section-container .s5 .s5-container .s5-content p{font-size:1.2em;font-weight:400}.section-container .s5 .s5-container .container-form{width:50%;height:calc(100% - 6em);padding:1em;max-width:600px}.section-container .s5 .s5-container .container-form form{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;align-items:center}.section-container .s5 .s5-container .container-form form .container-inputs{position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;align-items:center}.section-container .s5 .s5-container .container-form form .container-inputs li{list-style:none;width:100%;margin-bottom:.5em;overflow:hidden;position:relative}.section-container .s5 .s5-container .container-form form .container-inputs li.width-middle{width:calc(50% - .25em)}.section-container .s5 .s5-container .container-form form .container-inputs li input,.section-container .s5 .s5-container .container-form form .container-inputs li textarea{padding:1em 2em;border:none;position:relative;background:var(--background-secondary);width:100%;color:var(--color-text-primary);font-size:1em;font-weight:700;font-family:"Gotham",sans-serif}.section-container .s5 .s5-container .container-form form .container-inputs input::placeholder,.section-container .s5 .s5-container .container-form form .container-inputs textarea::placeholder{color:var(--color-text-primary)}.section-container .s5 .s5-container .container-form form .container-inputs .input-message{resize:none}.section-container .s5 .s5-container .container-form form .container-inputs>li label::before{content:"";position:absolute;bottom:1px;left:0;width:100%;height:2px;background:var(--color-primary);transition:all .3s ease-in-out;transform:translate(-110%, 0);z-index:1}.section-container .s5 .s5-container .container-form form .container-inputs>li input:focus~label::before,.section-container .s5 .s5-container .container-form form .container-inputs>li textarea:focus~label::before{transform:translate(0, 0)}.section-container .s5 .s5-container .container-form form .container-inputs input:focus,.section-container .s5 .s5-container .container-form form .container-inputs textarea:focus{outline:none}.section-container .s5 .s5-container .container-form form .container-inputs input:focus-visible,.section-container .s5 .s5-container .container-form form .container-inputs textarea:focus-visible{outline:none}.section-container .s5 .s5-container .container-form form .container-inputs input:-webkit-autofill,.section-container .s5 .s5-container .container-form form .container-inputs textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--background-secondary) inset;-webkit-text-fill-color:var(--color-text-primary);box-shadow:0 0 0px 1000px var(--background-secondary) inset}.section-container .s5 .s5-container form button{background:var(--background-primary);padding:1em 2em;position:relative;margin:0 auto;margin-top:1em;outline:none;border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;font-size:1em;max-width:100%;width:auto;letter-spacing:4px;-webkit-animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;animation:slide-in-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;overflow:hidden}.section-container .s5 .s5-container form button::after{content:"";position:absolute;top:0;left:0;width:150%;height:100%;background:var(--color-primary);background:linear-gradient(117deg, var(--color-primary) 85%, rgba(0, 0, 0, 0) 80%);-webkit-transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:-1;transform:translate(-100%, 0)}.section-container .s5 .s5-container form button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-primary);z-index:-2;opacity:0}.section-container .s5 .s5-container form button:hover:after{transform:translate(0, 0)}.section-container .s5 .s5-container form button:hover:before{opacity:1}.section-container .s5 .s5-container form button:hover{color:var(--background-primary);background-color:transparent}.section-container .s5 .s5-container .container-contacts{width:30%;height:calc(100% - 6em);padding:1em;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;align-items:center;gap:3em;justify-content:center}.section-container .s5 .s5-container .container-contacts .contact-item{min-height:2em}.section-container .s5 .s5-container .container-contacts .contact-item svg{width:1em;fill:var(--color-text-primary)}.section-container .s5 .s5-container .container-contacts .contact-item-group{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:nowrap;width:100%;align-content:center;align-items:center}.section-container .s5 .s5-container .container-contacts .contact-item-group svg{width:2em;fill:var(--color-text-primary)}.section-container .s5 .circle::before{content:"";width:400px;height:400px;position:absolute;top:calc(50% - 200px);left:calc(100% - 200px);z-index:-7;-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);background:var(--background-secondary)}.section-container .s5 .form-messages{font-size:.8em;font-weight:300}.section-container .s5 .form-messages a{color:var(--color-primary)}.container-message-contact{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:999999;display:none;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;background:#00000090;backdrop-filter:blur(2px)}.container-message-contact.active{display:flex}.container-message-contact .message-contact{max-width:350px;height:289px;background:var(--background-tertiary);width:calc(100% - 2em);border-radius:5px;text-align:center;padding:3em 1em 1em 1em;position:relative;-webkit-animation:slide-in-top .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation:slide-in-top .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-content:center;align-items:center}.container-message-contact .message-contact h3{font-size:2em;font-weight:500;margin-top:1em}.container-message-contact .message-contact p{font-size:1.15em}.container-message-contact .message-contact button{background:var(--background-primary);padding:1em 2em;position:relative;margin:0 auto;outline:none;border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;font-size:1em;max-width:100%;width:100%;letter-spacing:4px;overflow:hidden}.container-message-contact .message-contact button::after{content:"";position:absolute;top:0;left:0;width:150%;height:100%;background:var(--color-primary);background:linear-gradient(117deg, var(--color-primary) 85%, rgba(0, 0, 0, 0) 80%);-webkit-transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:-1;transform:translate(-100%, 0)}.container-message-contact .message-contact button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-primary);z-index:-2;opacity:0}.container-message-contact .message-contact button:hover:after{transform:translate(0, 0)}.container-message-contact .message-contact button:hover:before{opacity:1}.container-message-contact .message-contact button:hover{color:var(--background-primary);background-color:transparent}.container-message-contact .icon-message-contact{width:100px;height:100px;display:none;position:absolute;top:-50px;left:calc(50% - 50px);-webkit-animation:slide-in-bck-center .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;animation:slide-in-bck-center .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both}.container-message-contact .icon-message-contact.active{display:block}span.icon-message-contact:before{content:"";display:block;background:var(--background-primary);width:60px;height:60px;position:absolute;z-index:0;top:calc(50% - 30px);left:calc(50% - 30px);-webkit-animation:slide-in-bck-center .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both;animation:slide-in-bck-center .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s both}.container-message-contact .icon-message-contact svg{fill:var(--color-primary);border-radius:inherit;width:100px;position:relative}@media screen and (max-width: 980px){.section-container .s5 .s5-container{flex-direction:column;align-items:center;justify-content:center}.section-container .s5 .s5-container .s5-content{margin:1em 0}.section-container .s5 .s5-container .s5-content h3{font-size:1.5em}.section-container .s5 .s5-container .s5-content p{font-size:1em}.section-container .s5 .s5-container .container-form{width:100%;padding:0}.section-container .s5 .s5-container .container-contacts{width:100%;padding:0;margin-top:2em}.section-container .s5 .s5-container .container-form form .container-inputs li input,.section-container .s5 .s5-container .container-form form .container-inputs li textarea{padding:1em}}
header{width:100%;position:fixed;top:0;left:0;z-index:10;align-items:center;justify-content:space-around}header .container-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-end;align-items:center;width:100%;height:100%;max-width:var(--max-width);margin:auto;padding:2em}header .container-header .header{position:relative}header .container-header .header ul{list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-around;align-items:center;gap:1em}header .container-header .header ul li a{border-radius:5px;padding:.5em 1em;transition:background .3s ease-in-out;position:relative;opacity:.8}header .container-header .header ul li.active a{opacity:1}header .container-header .header ul li a{text-decoration:none;color:var(--color-text)}header .container-header .header .menu{display:none;z-index:10}header .container-header .header .menu>span>*{fill:var(--color-text-primary);width:60%}header .container-header .header .line-active{position:absolute;height:2px;background-color:var(--color-primary);top:100%;left:0%;transform:translateX(20.5px);width:41px}header .container-header .header .menu>*{width:3em;height:3em;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#00000094;color:var(--color-text-primary)}header .container-header .header .menu>*>i{transform:scale(2) translate(4%, 0%)}header .container-header .header .menu>*:hover{background-color:var(--color-primary);color:var(--background-primary)}.line{fill:none;stroke:var(--color-text-primary);stroke-width:6;transition:stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1)}.line1{stroke-dasharray:60 207;stroke-width:6}.line2{stroke-dasharray:60 60;stroke-width:6}.line3{stroke-dasharray:60 207;stroke-width:6}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}header .container-header .header ul li a{text-decoration:none;color:var(--color-text-primary);font-size:1em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}header .container-header .header ul li:hover a{color:var(--color-text-primary);opacity:1}.container-menu{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9;background-color:var(--background-primary);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.container-menu .menu-logo{position:absolute;top:1em;left:1em;width:4em;height:4em}.container-menu .menu-logo img{width:100%;height:auto}.container-menu ul{display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-around;justify-content:space-evenly;align-items:center;color:var(--color-text-primary);padding:4em 1em 1em 1em;height:70%;width:100%;max-width:var(--max-width);margin:auto;list-style:none}.container-menu ul li{width:min(31vw,31vh);clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);height:min(31vw,31vh);max-width:10em;max-height:10em;display:flex;background:var(--color-primary);flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.container-menu ul a{padding:1em;width:100%;display:block;text-align:center;font-weight:400;font-size:1em;clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);-webkit-clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);background:var(--background-primary);width:90%;height:90%;max-width:9.7em;max-height:9.7em;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.container-menu .group-contacts{padding:0 1em 4em 1em;height:30%}.container-menu ul.group-contacts li{width:min(27vw,27vh);height:min(27vw,27vh);max-width:7em;max-height:7em;display:flex;justify-content:center;align-items:center}.container-menu ul.group-contacts li a svg{fill:var(--color-text-primary);font-size:1.5em;width:60%}.container-menu .menu-list{display:grid;grid-template-columns:repeat(4, min(13.5vw, 13.5vh));position:relative;align-content:center;justify-content:center}.container-menu .menu-list .menu-item{grid-column:span 2;margin-top:max(-8.7vw,-8.7vh)}.container-menu .menu-list .menu-item:nth-child(5n+1){grid-column-start:1}.container-menu .menu-list .menu-item:nth-child(5n+2){grid-column-start:3}.container-menu .menu-list .menu-item:nth-child(5n+3){grid-column-start:5}.container-menu .menu-list .menu-item:nth-child(5n+4){grid-column-start:2}.container-menu .menu-list .menu-item:nth-child(5n){grid-column-start:4}@media screen and (min-width: 515px){.container-menu .menu-list{grid-template-columns:repeat(4, min(70px, min(13.5vw, 13.5vh)))}.container-menu .menu-list .menu-item{grid-column:span 2;margin-top:max(-46px,max(-8.7vw,-8.7vh))}}@media screen and (max-width: 980px){header{width:auto;position:fixed;top:0;left:calc(100% - 80px);z-index:10;align-items:center;justify-content:space-around;width:auto}header .container-header{padding:1em}header .container-header .header ul{display:none}header .container-header .header .menu{display:flex}header .container-header .header .menu>*.active{display:flex}header .container-header .header .line-active{display:none}.container-menu.active{opacity:1;visibility:visible}}
figure.berserk-img{position:absolute;top:100%;left:100%;transform:translate(-96%, -96%);margin:0;padding:0;width:50vw;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;flex-wrap:nowrap;z-index:1}figure.berserk-img img{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:cover;object-position:center}canvas.eclipse{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:transparent}@media screen and (max-width: 980px){figure.berserk-img{width:100%}}