.header-nav{display:flex;align-items:center;gap:1rem}.nav-link{color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;padding:.4rem .8rem;border-radius:4px;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;background:#ffffff26}.nav-user{color:#fffc;font-size:.85rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.2)}.nav-signout{background:none;border:1px solid rgba(255,255,255,.3);color:#fffc;padding:.3rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.nav-signout:hover{background:#ffffff1a;color:#fff;border-color:#ffffff80}@media(max-width:768px){.header-nav{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-link{font-size:.8rem;padding:.3rem .6rem}.nav-user{width:100%;text-align:center;margin-left:0;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.2);padding-top:.5rem;margin-top:.25rem}}