.navbar{background:transparent;padding:var(--space-4,1rem) 0;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar--scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(11,31,38,.8);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.navbar .nav{display:flex;gap:var(--space-6,2rem);justify-content:center;padding:0 var(--space-4,1rem)}.navbar .nav a{border-radius:var(--radius-base,8px);color:var(--c-text,#fff);font-weight:600;padding:var(--space-2,.5rem) var(--space-4,1rem);position:relative;text-decoration:none;transition:all .2s ease}.navbar .nav a.is-active,.navbar .nav a:hover{background:hsla(0,0%,100%,.1)}@media (prefers-color-scheme:light){.navbar--scrolled{background:hsla(0,0%,100%,.8);border-bottom:1px solid rgba(0,0,0,.1)}.navbar .nav a{color:var(--c-text,#1f2937)}}@media (max-width:768px){.navbar{padding:var(--space-3,.75rem) 0}.navbar .nav{gap:var(--space-4,1rem)}.navbar .nav a{font-size:.875rem;padding:var(--space-2,.5rem) var(--space-3,.75rem)}}@media (prefers-reduced-motion:reduce){.navbar,.navbar .nav a{transition:none}}