<header class="site-header">
<div class="header-left">
<a href="{{ base_url }}/" class="header-logo">
<img src="{{ base_url }}/images/jwt-hack-dark.png" alt="JWT-HACK" class="logo-dark">
<img src="{{ base_url }}/images/jwt-hack-light.png" alt="JWT-HACK" class="logo-light">
</a>
<nav class="header-nav">
<a href="{{ base_url }}/get_started/introduction/">Docs</a>
<a href="{{ base_url }}/usage/commands/">Commands</a>
<a href="https://github.com/hahwul/jwt-hack" target="_blank" rel="noopener">GitHub</a>
<a href="https://crates.io/crates/jwt-hack" target="_blank" rel="noopener">Crates</a>
</nav>
</div>
<div class="header-right">
<span class="version-badge">v2.5.0</span>
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
<svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
<svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
</button>
<button id="mobile-menu-btn" class="mobile-menu-btn" aria-label="Toggle menu">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
</div>
</header>