.menu{background:var(--gradient);inset:0;position:fixed;transition:var(--transition);translate:0 -100%;z-index:500}.menu.open{translate:0 0}.menu .container{margin-top:140px}.menu-scroll{height:100%;max-height:calc(100dvh - 140px);overflow:auto}.menu-scroll::-webkit-scrollbar{height:1px;width:3px}.menu-wrapper{gap:120px;padding-bottom:20px}.menu-nav,.menu-wrapper{display:flex;flex-direction:column}.menu-nav{gap:20px}.menu-nav-item{background-color:#fff3;height:50px}.menu-large-link,.menu-nav-item{align-items:center;border-radius:50px;color:var(--white);display:flex;font-size:20px;font-weight:500;justify-content:center;letter-spacing:-.02em;line-height:100%}.menu-large-link{background-color:var(--accent-blue);height:60px}.menu-large-link._white{background-color:var(--white);color:var(--accent-blue)}header{left:0;position:fixed;right:0;top:20px;z-index:1000}.header-container{align-items:center;background-color:var(--white);border-radius:100px;display:grid;grid-template-columns:repeat(3,1fr);height:60px;padding:5px 20px 5px 5px;transition:var(--transition)}.header-container.active{background-color:transparent}.header-left{align-items:center;display:flex;gap:30px;height:100%;position:relative}.header-large-link{width:70%}.header-logo{color:var(--orange);font-family:Inter;font-size:40px;font-weight:500;letter-spacing:-.03em;line-height:100%;text-transform:uppercase;transition:var(--transition-hover)}@media(hover:hover){.header-logo:hover{transform:scale(.8)}}@media(hover:none){.header-logo:active{transform:scale(.8)}}.header-search{align-items:center;color:var(--orange);cursor:pointer;display:flex;font-family:Inter;font-size:18px;font-weight:600;gap:10px;letter-spacing:-.02em;line-height:100%;min-width:100px;transition:var(--transition)}.header-search:active{color:var(--dark-lazure);transition:var(--transition-active)}@media(hover:hover){.header-search:hover{color:var(--dark-lazure);transition:var(--transition-hover)}}.header-center{display:flex;justify-content:center;position:relative}.header-center .header-search{display:none}.header-nav{align-items:stretch;display:flex;gap:10px;height:100%}.header-nav-item{align-items:center;color:var(--orange);display:flex;font-family:Inter;font-size:18px;font-weight:600;height:100%;justify-content:center;letter-spacing:-.02em;line-height:100%;padding:10px;transition:var(--transition);white-space:nowrap}.header-nav-item.router-link-active{background-color:var(--accent-blue);border-radius:50px 0 80px 50px;color:var(--white)}@media(hover:hover){.header-nav-item:not(.router-link-active):hover{color:var(--accent-blue);transition:var(--transition-hover)}}.header-nav-item:not(.router-link-active):active{color:var(--accent-blue);transition:var(--transition-active)}.header-right{display:flex;height:100%;justify-content:flex-end;justify-self:flex-end;width:100%}.header-center .header-nav,.header-left .header-logo,.header-right .header-large-link{display:none}.header-burger{align-items:center;background-color:var(--background);border-radius:50px;display:none;justify-content:center;max-width:250px;position:relative;transition:var(--transition);width:100%}.header-burger span{background-color:var(--accent-blue);border-radius:10px;height:2px;position:absolute;transition:var(--transition);width:24px}.header-burger span:first-of-type{translate:0 -6px}.header-burger span:nth-child(2){transform-origin:center center}.header-burger span:last-of-type{translate:0 6px}.header-burger.active{background-color:var(--white);border-radius:50%;width:40px}.header-burger.active span{background-color:var(--accent-blue)}.header-burger.active span:nth-child(2){width:0}.header-burger.active span:first-of-type{rotate:45deg;translate:0 0}.header-burger.active span:last-of-type{rotate:-45deg;translate:0 0}.header-left .header-search.mobile{display:none}@media screen and (max-width:1799px){.header-center .header-logo,.header-left .header-large-link,.header-right .header-nav{display:none}.header-left .header-logo{display:block}.header-logo{font-size:25px;font-weight:800}.header-center .header-nav,.header-right .header-large-link{display:flex}.header-large-link{max-width:250px;width:100%}.header-container{gap:30px;padding:5px 5px 5px 20px}.header-center{height:100%}}@media screen and (max-width:1199px){.header-center .header-nav,.header-left .header-logo,.header-left .header-search,.header-right .header-large-link{display:none}.header-burger,.header-left .header-large-link{display:flex}.header-container{gap:42px;height:50px;padding:5px}.header-center{height:auto}.header-center,.header-left .header-large-link{transition:var(--transition)}.header-center .header-logo{display:block}.header-left .header-search.mobile{background-color:var(--white);border-radius:50px;color:#e6e6e6;display:flex;gap:4px;inset:0;opacity:0;padding:0 20px;position:absolute;transition:var(--transition);width:120px}.header-container.active .header-left .header-search{opacity:1;width:calc(100vw - 105px)}.header-container.active .header-center,.header-container.active .header-left .header-large-link,.header-container.active .header-left .header-search._opacity{opacity:0;pointer-events:none}}@media screen and (max-width:639px){.header-left{display:none}.header-right{width:-moz-max-content;width:max-content}.header-container{display:flex;gap:20px;justify-content:space-between;padding:5px 5px 5px 15px}.header-burger{width:100px}.header-center{align-items:center;height:100%;justify-content:flex-start;transition:var(--transition);width:100%}.header-center .header-search{background-color:var(--white);border-radius:50px;color:#e6e6e6;display:flex;gap:4px;inset:0;opacity:0;padding:0 20px;pointer-events:none;position:absolute;transition:var(--transition);translate:-10px 0;width:120px}.header-container.active .header-center .header-search{opacity:1;pointer-events:all;width:100%}.header-container.active .header-center .header-search._opacity{opacity:0;pointer-events:none}.header-container.active .header-center{opacity:1;pointer-events:all}.header-container.active .header-center .header-large-link,.header-container.active .header-center .header-logo{opacity:0;pointer-events:none}}.base-button.fixed-button{bottom:30px;left:50%;max-width:600px;position:fixed;translate:-50% 0;z-index:50}.base-button.fixed-button.hidden{opacity:0;pointer-events:none}@media screen and (max-width:1799px){.base-button.fixed-button{max-width:500px}}@media screen and (max-width:639px){.base-button.fixed-button{width:calc(100% - 20px)}}footer{background-color:var(--accent-blue);border-radius:50px 50px 0 0}.footer-container{display:flex;flex-direction:column;padding:30px 0}.footer-top{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);position:relative}.footer-top-col{display:flex;flex-direction:column;max-width:100%}.footer-top-col:has(.footer-nav) .footer-socials{display:none}.footer-logo{color:var(--white);font-family:Inter;font-size:40px;font-weight:800;letter-spacing:-.03em;margin-bottom:30px;text-transform:uppercase}.footer-socials{display:flex;flex-direction:column;gap:10px}.footer-socials-item{color:#86ddf7;display:flex;font-size:18px;font-weight:500;gap:5px;line-height:1.1;text-transform:uppercase}.footer-socials-item:last-of-type{flex-direction:column;gap:0}.footer-socials-item a{color:var(--white);display:block}.footer-nav{display:flex;flex-direction:column;gap:10px}.footer-nav,.footer-nav-item{width:-moz-max-content;width:max-content}.footer-nav-item{color:var(--white);font-size:18px;font-weight:500;line-height:1.1;text-transform:uppercase}.footer-warn{color:var(--white);font-family:Roboto;font-size:2.37vw;font-weight:500;letter-spacing:-.13999vw;line-height:140%;margin:22px 0 42px;opacity:.3;text-align:center;text-transform:uppercase;text-wrap:nowrap}.footer-bottom{align-items:flex-end;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.footer-copyright{color:var(--white);font-size:18px;font-weight:500;line-height:1.1;text-transform:uppercase}.footer-legal{display:flex;grid-column:2/span 3;justify-content:space-between}.footer-legal a{color:var(--white);font-size:18px;font-weight:500;line-height:1.1;text-decoration:underline;text-transform:uppercase}.footer-legal .footer-copyright{display:none}.footer-dev{color:var(--white);display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:10px;justify-self:flex-end}.footer-dev a{color:var(--dark-lazure);font-family:Bebas;font-size:36px;font-weight:400;letter-spacing:-.03em;text-transform:uppercase}footer a{transition:var(--transition)}footer a:active{color:var(--dark-lazure);transition:var(--transition-active)}.footer-decor-grid{-moz-column-gap:11px;column-gap:11px;display:grid;grid-template-columns:repeat(4,1fr);position:absolute;right:0;row-gap:13px;top:0}.footer-decor-grid:not(:hover) .droplet{animation-play-state:paused}@media(hover:hover){footer a:hover{color:var(--dark-lazure);transition:var(--transition-hover)}}@media screen and (max-width:1799px){footer{border-radius:40px 40px 0 0}.footer-logo{margin-bottom:10px}.footer-container{padding:20px 0}.footer-bottom{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);position:relative}.footer-warn{margin:50px 0}.footer-copyright{align-self:flex-start}.footer-legal{flex-direction:column;gap:16px;grid-column:2;width:-moz-max-content;width:max-content}.footer-dev{position:absolute}.footer-socials-item:last-of-type br{display:none}}@media screen and (max-width:1199px){footer{border-radius:20px 20px 0 0}.footer-logo{margin-bottom:20px}.footer-socials-item{font-size:16px}.footer-warn{font-size:24px;margin:30px 0;text-align:center;text-wrap:unset}.footer-copyright{display:none;font-size:16px;font-weight:400;text-transform:unset}.footer-legal .footer-copyright{display:block}.footer-legal{gap:10px;width:auto}.footer-dev{grid-column:1;grid-row:1;justify-self:flex-start;position:static;width:100%}.footer-dev a{color:var(--white)}.footer-legal a{text-wrap:wrap}}@media screen and (max-width:639px){.footer-container{padding:20px 0 50px}.footer-top{gap:0;grid-template-columns:1fr}.footer-top-col{gap:40px}.footer-socials{display:none}.footer-top-col:has(.footer-nav) .footer-socials{display:flex}.footer-warn{font-size:20px;margin:40px 0;text-align:left}.footer-bottom{gap:50px;grid-template-columns:1fr}.footer-dev{grid-row:unset;justify-self:center;width:-moz-max-content;width:max-content}.footer-legal{grid-column:1}}
