.navbar{z-index:50;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(12px);background:#fdfcfcd9;box-shadow:inset 0 -1px #0000000f}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:16px;display:flex}@media (min-width:768px){.nav-inner{padding:20px 32px}}.nav-left{align-items:center;gap:12px;display:flex}.nav-logo{color:var(--foreground);align-items:center;gap:8px;text-decoration:none;display:flex}.logo-img{border-radius:50%;flex-shrink:0}.brand-text{white-space:nowrap;font-size:13px;font-weight:500;display:none}@media (min-width:768px){.brand-text{display:inline}}.nav-desktop-links{align-items:center;gap:4px;display:none}@media (min-width:768px){.nav-desktop-links{display:flex}}.nav-link{color:var(--muted-foreground);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-link:hover{color:var(--foreground);background:var(--muted)}.nav-right{align-items:center;display:flex}.nav-menu-btn{background:var(--foreground);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;transition:opacity .2s;display:flex}.nav-menu-btn:hover{opacity:.85}.menu-circle{background:var(--background);width:28px;height:28px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (min-width:768px){.menu-circle{width:32px;height:32px}}.menu-label{color:var(--background);white-space:nowrap;font-size:11px;font-weight:500}.mobile-menu-overlay{z-index:100;background:#0000004d;position:fixed;inset:0}.mobile-menu-panel{background:var(--background);flex-direction:column;width:280px;padding:80px 32px 32px;display:flex;position:fixed;top:0;bottom:0;right:0}.mobile-close{background:var(--muted);width:36px;height:36px;color:var(--foreground);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.mobile-links{flex-direction:column;gap:8px;display:flex}.mobile-link{color:var(--foreground);border-bottom:1px solid var(--border);padding:14px 0;font-size:18px;font-weight:500;text-decoration:none;transition:opacity .2s}.mobile-link:hover{opacity:.55}