.navbar{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:900;transition:top .3s ease}.navbar.scrolled{top:12px}.navbar-pill{display:flex;gap:2px;padding:5px 6px;background:rgba(22,27,39,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.22);border-radius:50px;box-shadow:0 4px 24px rgba(13,15,20,.5),inset 0 1px 0 hsla(0,0%,100%,.04)}.nav-link{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:#94a3b8;text-decoration:none;padding:7px 20px;border-radius:40px;transition:color .2s ease,background .2s ease;white-space:nowrap}.nav-link:hover{color:#f1f5f9;background:rgba(99,102,241,.15)}.nav-link.active{color:#f1f5f9;background:rgba(99,102,241,.22)}@media (max-width:480px){.navbar,.navbar.scrolled{top:auto;bottom:16px}.nav-link{padding:7px 14px;font-size:.8rem}}