.navbar{z-index:1000;height:68px;transition:var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#09090bd9}.navbar-inner{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo-icon{background:linear-gradient(135deg, var(--color-brand), var(--color-brand-dark));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.navbar-logo-icon svg{color:#000;width:20px;height:20px}.navbar-logo-text{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.navbar-nav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:var(--transition-fast);padding:8px 12px;font-size:.85rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--color-text-primary);background:#ffffff0f}.nav-link.active{color:var(--color-text-primary);background:#ffffff14}.navbar-cta{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.portal-dropdown{position:relative}.portal-trigger{align-items:center;gap:8px;display:inline-flex}.portal-menu{border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:50;background:#18181b;outline:none;width:200px;padding:6px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006}.portal-item{border-radius:var(--radius-md);color:var(--color-text-secondary);transition:var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;text-decoration:none;display:flex}.portal-item.active{color:var(--color-text-primary);background:#ffffff14}.portal-item svg{color:var(--color-brand)}.navbar-mobile-toggle{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.navbar-mobile-toggle span{background:var(--color-text-primary);width:22px;height:2px;transition:var(--transition-fast);border-radius:2px;display:block}.navbar-mobile-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-mobile-toggle.open span:nth-child(2){opacity:0}.navbar-mobile-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-mobile-menu{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:16px var(--container-padding) 24px;z-index:999;background:#09090bf7;animation:.25s forwards slideDown;display:none;position:fixed;top:68px;left:0;right:0}.navbar-mobile-menu.open{display:block}.navbar-mobile-nav{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.navbar-mobile-nav .nav-link{border-radius:var(--radius-md);padding:12px 16px;font-size:1rem;display:block}.mobile-portal-options{border-top:1px solid var(--color-border);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.mobile-portal-link{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);background:#ffffff0d;align-items:center;gap:12px;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.mobile-portal-link svg{color:var(--color-brand)}@media (max-width:1024px){.navbar-nav,.navbar-cta{display:none}.navbar-mobile-toggle{display:flex}}