{{define "content"}}
<div class="container" style="max-width:28rem;padding-top:3rem;">
  <div class="empty-state">
    <div class="font-mono text-2xl font-bold mb-1" style="color:hsl(var(--foreground));">{{.StatusCode}}</div>
    <div class="font-semibold text-base" style="color:hsl(var(--foreground));">{{.Title}}</div>
    <p class="text-sm text-muted mt-1">{{.Message}}</p>
    <div class="mt-4 flex items-center justify-center gap-2">
      <a href="/" class="btn btn-primary btn-sm">{{icon "home" "size-3.5"}} {{t .Lang "nav.home"}}</a>
      <a href="/repos" class="btn btn-outline btn-sm">{{icon "git-branch" "size-3.5"}} {{t .Lang "nav.repositories"}}</a>
    </div>
  </div>
</div>
{{end}}