header{position:fixed;top:0;left:0;background:var(--dark);color:var(--light);height:var(--header-size);display:flex;align-items:center;justify-content:center;width:100%;z-index:100}header>div{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;height:100%}header nav{position:absolute;left:50%;height:100%;top:50%;transform:translate(-50%,-50%);width:calc(100cqw - 450px - 8rem);max-width:700px}header nav>ul>li{position:relative}header nav>ul{height:100%;display:flex;align-items:center;justify-content:space-between;width:100%}header nav>ul>li,header nav>ul>li>div{display:block;height:100%}header nav>ul>li a,header nav>ul>li button{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;font-weight:700;text-transform:uppercase;flex:0;white-space:nowrap;transition:opacity .2s .07s ease-in-out;padding-inline:.625rem;cursor:pointer}header nav>ul>li div.popover a{font-size:.75rem}header nav>ul>li a:hover,header nav>ul>li button:hover{opacity:.7}header aside{display:flex;align-items:center;justify-content:end;gap:1rem;padding-block:.5625rem .6875rem}header a.logo{display:block;aspect-ratio:156.73 / 24.4;width:auto;padding-block:.5625rem .6875rem;transition:opacity .2s .08s ease-in-out}header a.logo:hover,header .group-cta:hover a.logo{opacity:.8}header a.start-trading{padding:.75rem 1.125rem;background:var(--brand-green);color:var(--light);border-radius:.625rem;font-size:.75rem;text-transform:uppercase;font-weight:700;display:inline-flex;line-height:1.143;text-align:center;opacity:100%;transition:opacity .2s .07s ease-in-out;display:flex;align-items:center;justify-content:center}header a.start-trading:hover,header .group-cta:hover a.start-trading{opacity:80%}header div.mobile-nav{display:none}header .mobile-buttons a,header .mobile-buttons>*{width:100%}@media screen and (max-width: 1180px){header div.mobile-nav{display:flex;align-items:center;justify-content:center;gap:.5rem}}@media screen and (max-width: 480px){header aside.desktop-buttons{gap:.5rem}header a.logo{width:100px}header a.start-trading{padding:.75rem .5rem;font-size:.625rem}}