.header{width:100%;height:80px;display:flex;padding:0 5%;position:absolute;z-index:20000;transition:background-color .3s ease,box-shadow .3s ease}@media(max-width:1024px){.header{justify-content:space-between}}.header.header--fixed{position:fixed;top:0;left:0;background:#040c1e;box-shadow:0 2px 5px rgba(0,0,0,.1);width:100%;z-index:20000}.header.header--fixed .menuWrapper>ul>a>li{color:#fff}.header.header--fixed .menuWrapper>ul>a>li:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background-color:#68edc6;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.header.header--fixed .menuWrapper>ul>a>li:hover:after{transform:scaleX(1)}.header.header--fixed .menuWrapper>ul>a>li.active{color:#68edc6}.header.header--fixed .menuWrapper>ul>a>li.active:after{transform:scaleX(1)}.header.header--fixed>.buttonWrapper>a>button{background-color:#4f7fff}.header>.logoWrapper{width:25%;height:100%;display:flex;align-items:center;transition:opacity .3s ease}@media(max-width:1024px){.header>.logoWrapper{width:50%}}.header>.logoWrapper.logoWrapper--fade{opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.header>.menuWrapper{width:50%;height:100%;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.header>.menuWrapper{display:none}}.header>.menuWrapper>ul{display:flex;gap:35px}.header>.menuWrapper>ul>a>li{color:#fff;cursor:pointer;white-space:nowrap;position:relative}.header>.menuWrapper>ul>a>li:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background-color:#68edc6;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.header>.menuWrapper>ul>a>li:hover:after{transform:scaleX(1)}.header>.menuWrapper>ul>a>li.active{color:#68edc6}.header>.menuWrapper>ul>a>li.active:after{transform:scaleX(1)}.header>.menuWrapper>ul>a>.menu-item--dark{color:#fff}.header>.buttonWrapper{width:25%;height:100%;display:flex;align-items:center;justify-content:flex-end}@media(max-width:1024px){.header>.buttonWrapper{display:none}}.header>.buttonWrapper>a>button{background-color:#4f7fff;width:233px;height:48px;border-radius:40px;font-weight:600;color:#fff;position:relative;z-index:-1}@media(max-width:1100px){.header>.buttonWrapper>a>button{width:200px;height:35px}}.header>.buttonWrapper>a>.homeButton{background-color:#68edc6}.header>.burgerWrapper{width:100px;height:100%;display:none;align-items:center;justify-content:flex-end;cursor:pointer;position:relative}@media(max-width:1024px){.header>.burgerWrapper{display:flex}}.header>.burgerWrapper>span{display:block;width:50px;height:3px;background-color:#fff;position:absolute;transition:all .3s ease;transform-origin:center}.header>.burgerWrapper>span:first-child{top:30%}.header>.burgerWrapper>span:nth-child(2){top:50%;transform:translateY(-50%)}.header>.burgerWrapper>span:nth-child(3){bottom:30%}.header>.burgerWrapper.dark>span{background-color:#fff}.header>.burgerWrapper.active>span:first-child{transform:rotate(45deg) translate(10px,10px)}.header>.burgerWrapper.active>span:nth-child(2){opacity:0}.header>.burgerWrapper.active>span:nth-child(3){transform:rotate(-45deg) translate(10px,-10px)}.header .menuOverlay{position:fixed;top:80px;left:0;width:100%;height:0;background:#030c20;z-index:10000;overflow:hidden;transition:height .5s ease}.header .menuOverlay.open{height:475px}.header .menuOverlay.open .menuOverlayContent{opacity:1}.header .menuOverlay.open .menuOverlayContent>a>button{background-color:#4f7fff;width:233px;height:48px;border-radius:40px;color:#fff;font-size:16px;margin-top:20px}.header .menuOverlay.closing .menuOverlayContent{opacity:0}.header .menuOverlay .menuOverlayContent{transition:opacity .5s ease .3s;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.header .menuOverlay .menuOverlayContent>ul{list-style:none;padding:0;margin:0 0 20px}.header .menuOverlay .menuOverlayContent>ul>a>li{color:#fff;font-size:24px;margin:15px 0;cursor:pointer;text-align:center}.header--fixed .burgerWrapper span{background-color:#fff}