.navbar{z-index:100;background:var(--color-background);-webkit-backdrop-filter:blur(16px)saturate(1.8);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 32px;font-size:.95rem;display:flex;position:sticky;top:0}.navbar img{border-radius:var(--radius-sm);transition:transform var(--transition-fast)}.navbar img:hover{transform:scale(1.05)}.nav-links{gap:8px;list-style:none;display:flex}.nav-item a{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);padding:8px 16px;font-weight:500;text-decoration:none;display:inline-block;position:relative}.nav-item a:hover{color:var(--color-accent);background:#38bdf814}.logo{align-items:center;text-decoration:none;display:flex}.hamburger{cursor:pointer;z-index:110;background:0 0;border:none;padding:8px;display:none}.hamburger svg{transition:transform var(--transition-med)}@media screen and (max-width:768px){.navbar{padding:12px 16px}.hamburger{display:block}.nav-links{background:var(--color-background);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--color-border);width:260px;height:100vh;transition:right var(--transition-med);flex-direction:column;gap:4px;padding:80px 32px 32px;position:fixed;top:0;right:-100%}.nav-links.mobile-open{right:0}.nav-item a{width:100%;padding:12px 16px;font-size:1.05rem}}