*{box-sizing:border-box}body{margin:0;background:#000a15;color:#e2e8f0}.nav-container{position:relative;width:fit-content;padding:0 40px;border-radius:100px;background:#0a141e99;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px -1px #0003,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;transition:all .3s ease}.nav-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:url(#wave-distort);backdrop-filter:url(#wave-distort);pointer-events:none;z-index:-1}.nav-list{position:relative;list-style:none;display:flex;justify-content:center;align-items:center;height:55px;padding:0 15px;margin:0;isolation:isolate}.nav-list:after{content:"";position:absolute;left:0;bottom:8px;width:8px;height:8px;background:#3b82f6;border-radius:50%;transform:translate(var(--translate-x, 0)) translateY(var(--translate-y, 0)) rotate(var(--rotate-x, 0deg));transition:opacity .3s ease;opacity:0;z-index:-1;box-shadow:0 0 10px #3b82f699,0 0 20px #3b82f666}.nav-list.show-indicator:after{opacity:1}.nav-item{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.nav-link{position:relative;padding:0 20px;color:#94a3b8;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;height:100%}.nav-link:hover{color:#fff;transform:translateY(-2px)}.nav-link.active{color:#fff;transform:translateY(-2px);text-shadow:0 0 20px rgba(255,255,255,.3)}