.hover-link{text-wrap:nowrap;display:flex;position:relative;overflow:hidden}.hover-in{transition:all .3s;position:relative}.hover-in div{display:flex;position:absolute;top:100%;left:0}.hover-link:hover .hover-in{color:var(--accentColor);transform:translateY(-100%)}
.header{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#060408bf;border-bottom:1px solid #ffffff09;width:100%;position:fixed;top:0;left:0}.header-container{max-width:var(--cMaxWidth);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:15px 24px;display:flex}.header ul{flex-direction:column;align-items:end;gap:6px 20px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.header ul li{letter-spacing:.8px;color:#ccc;cursor:pointer;margin-left:0;font-weight:600}.navbar-connect{letter-spacing:.8px;font-size:13px;font-weight:500;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-title{letter-spacing:.2px;font-size:13px;font-weight:700}@media only screen and (min-width:500px){.header-container{padding:20px 32px}.header ul{flex-direction:row;align-items:center;font-size:14px}.header ul li{color:#eae5ec}.navbar-title{font-size:16px}}@media only screen and (min-width:900px){.navbar-connect{display:block}}@media only screen and (min-width:1200px){.header-container{padding:30px 48px}.header ul{column-gap:80px;font-size:16px}.navbar-connect{font-size:16px}.navbar-title{font-size:18px}}