.top-bar{background-color:var(--color-primary);color:#fff;text-align:center;z-index:50;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.05rem;font-weight:500;display:flex;position:relative}.top-bar-icon{color:#fbbf24;width:1rem;height:1rem}.top-bar-link{text-underline-offset:2px;color:#fff;font-weight:700;text-decoration:underline;transition:opacity .2s}.top-bar-link:hover{opacity:.8}.top-bar-close{color:#ffffffb3;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.top-bar-close:hover{color:#fff}
.header{z-index:40;background-color:#0000;width:100%;transition:all .3s;position:sticky;top:0}.header.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background-color:#ffffffe6}.header-container{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.logo-link{align-items:center;gap:.5rem;display:flex}.header-logo-img{width:auto;height:2.5rem;display:block}.desktop-nav{align-items:center;gap:2rem;display:none}@media (min-width:1024px){.desktop-nav{display:flex}}.nav-link{color:var(--color-text-body);font-size:.875rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.mobile-menu-btn{color:var(--color-text-heading);display:block}@media (min-width:1024px){.mobile-menu-btn{display:none}}.mobile-menu{top:var(--header-height);background-color:var(--color-background);border-bottom:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:1rem 1.5rem;display:flex;position:absolute;left:0}.mobile-nav-links{flex-direction:column;gap:1rem;display:flex}.mobile-nav-link{color:var(--color-text-heading);font-size:1rem;font-weight:500}