<header class="sticky top-0 z-50 border-b border-white/10 bg-black/60 backdrop-blur">
  <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
    <a href="{{ url_for('home') }}" class="flex items-center gap-3">
      <div class="size-8 rounded-lg bg-white text-black grid place-items-center font-bold">BT</div>
      <span class="font-display tracking-wider text-2xl">{{ brand }}</span>
    </a>
    <nav class="hidden md:flex items-center gap-6 text-sm">
      <a class="hover:text-bt-accent" href="{{ url_for('projects') }}">Projects</a>
      <a class="hover:text-bt-accent" href="{{ url_for('events') }}">Events</a>
      <a class="hover:text-bt-accent" href="{{ url_for('team') }}">Team</a>
      <a class="hover:text-bt-accent" href="{{ url_for('sponsors') }}">Sponsors</a>
      <a class="hover:text-bt-accent" href="{{ url_for('view_board') }}">Board</a>

      <a class="px-4 py-2 rounded-xl bg-bt-accent/20 border border-bt-accent/40 hover:bg-bt-accent/30" href="{{ url_for('join') }}">Join</a>
    </nav>
  </div>
</header>

