.header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00102060;transition:background .3s .2s,-webkit-backdrop-filter .3s .3s,backdrop-filter .3s .3s;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:40px;max-width:1280px;margin-left:auto;margin-right:auto;padding:20px 16px;display:flex}@media (min-width:768px){.header-content{padding:20px 72px}}@media (min-width:1024px){.header-content{padding:20px 84px}}.header-logo{z-index:10}.header-logo:hover{opacity:.8}.header-nav{align-items:center;gap:40px;display:flex}.header-nav-list{z-index:1;align-items:center;gap:40px;display:flex}@media (max-width:1023.5px){.header-nav-list{border-bottom:1px solid var(--cl-primary);background:#001020f2;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:88px 16px 32px;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translateY(-100%)}}.header._opened .header-nav-list{display:flex;transform:translateY(0)}@media (max-width:1023.5px){.header._opened{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}}.header-nav-link{padding-top:8px;padding-bottom:8px;display:block}@media (max-width:1023.5px){.header-nav-link,.header-join{width:100%}.header-join{margin-top:20px}}.header-menu{z-index:10}@media (min-width:1024px){.header-menu{display:none}}