header{left:0;padding:12px 20px;position:fixed;top:0;width:100%;z-index:1}.header-wrapper{align-items:center;backdrop-filter:blur(25px);background:#020d1380;border-radius:90px;box-shadow:0 0 20px rgba(149,153,179,.18),0 0 40px rgba(64,66,77,.25);display:flex;justify-content:space-between;margin:auto;max-width:1096px;padding:14px 23px;transition:.3s ease}.header-wrapper .logo-wrapper img{max-height:32px}.nav-wrapper ul{column-gap:48px;list-style:none;margin:0;padding:0;row-gap:30px}.nav-wrapper,.nav-wrapper ul{align-items:center;display:flex}.nav-wrapper nav{padding-right:32px}.nav-wrapper nav ul li{margin:0;padding:0}.nav-wrapper nav ul a{color:var(--clr-gray-cloud);font-size:16px;font-weight:500;line-height:100%;text-decoration:none}.nav-buttons{align-items:center;display:flex;gap:12px;padding-left:32px;position:relative}.nav-buttons:before{background:hsla(0,0%,100%,.15);content:"";height:14px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.nav-buttons .button{border:2px solid hsla(0,0%,100%,.05);color:var(--clr-dark);font-size:16px;font-weight:600;padding:12px 14px}.nav-buttons .button.dark{backdrop-filter:blur(25px);background:#e8f5ff0d;color:var(--clr-light)}.nav-mobile-btn{background:transparent!important;border:none!important;cursor:pointer;display:flex;display:none;flex-direction:column;height:22px;justify-content:space-between;outline:none!important;padding:0;position:relative;width:28px}.nav-mobile-btn span{background-color:var(--clr-primary);border-radius:4px;display:block;height:2.5px;transform-origin:center;transition:all .3s ease-in-out;width:100%}.is-active .nav-mobile-btn span:first-child{transform:translateY(9.75px) rotate(45deg)}.is-active .nav-mobile-btn span:nth-child(2){opacity:0;transform:translateX(-20px)}.is-active .nav-mobile-btn span:nth-child(3){transform:translateY(-9.75px) rotate(-45deg)}@media(max-width:1021px){.header-wrapper,header{box-sizing:border-box}header{padding:max(12px,env(safe-area-inset-top)) 12px 0}.header-wrapper{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;box-shadow:none;padding:14px 18px;position:relative}.header-wrapper.is-active,.header-wrapper.is-scrolled{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#020d1380;box-shadow:0 0 20px rgba(149,153,179,.18),0 0 40px rgba(64,66,77,.25)}.nav-mobile-btn{display:flex;flex:0 0 auto}.header-wrapper.is-active{border-radius:25px 25px 0 0}.nav-wrapper{backdrop-filter:blur(25px);background:#020d13e8;border-radius:0 0 25px 25px;left:0;opacity:0;padding:14px 23px;position:absolute;top:100%;transition:.3s ease;visibility:hidden;width:100%}.is-active .nav-wrapper{opacity:1;visibility:visible}.nav-wrapper,.nav-wrapper ul{align-items:flex-start;flex-direction:column}.nav-buttons{margin-top:30px;padding-left:0}}