.header-nav{pointer-events:none;z-index:9999;justify-content:center;display:flex;position:fixed;top:30px;left:0;right:0}.nav-pill{pointer-events:auto;-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:30px;padding:10px 20px;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex}.header-nav.scrolled .nav-pill{-webkit-backdrop-filter:blur(50px)saturate(180%)!important;backdrop-filter:blur(50px)saturate(180%)!important;background:#ffffff0d!important;border:1px solid #fff3!important;box-shadow:0 8px 32px #0000005e,inset 0 0 0 1px #ffffff1a!important}.nav-item-btn{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:all .3s;display:flex}@media (hover:hover){.nav-item-btn:hover{color:#fff;transform:scale(1.1)}}.nav-item-btn.active{color:#fff;position:relative}.nav-item-btn.active:after{content:"";background:var(--accent-orange);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}@media (max-width:768px){.header-nav{width:100%;padding:0 20px;top:20px}.nav-pill{gap:25px;width:max-content;padding:10px 25px}}@media (max-width:480px){.nav-pill{justify-content:space-around;gap:18px;width:auto;padding:8px 20px}}