{{template "base.html" .}}
{{define "title"}}Access Denied - Homelab{{end}}
{{define "content"}}
<div class="animate-fade-in animate-slide-up w-full max-w-sm mx-4">
  <div class="relative rounded-xl p-8 backdrop-blur-xl bg-white/5 border border-white/10 shadow-2xl text-center">
    <div class="absolute inset-0 rounded-xl bg-gradient-to-br from-red-600/10 to-transparent pointer-events-none"></div>
    <div class="relative">
      <div class="text-5xl mb-4">🔒</div>
      <h1 class="text-xl font-semibold text-text-100 mb-2">Access Denied</h1>
      <p class="text-sm text-text-400 mb-6">You don't have permission to access this service.</p>
      <div class="flex flex-col gap-2">
        <a href="http://auth.homelab.local/dashboard" class="w-full py-2.5 rounded-lg bg-gradient-to-r from-primary-600 to-primary-500 text-white text-sm font-medium hover:from-primary-500 hover:to-primary-400 hover:shadow-lg hover:shadow-primary-600/30 transition-all no-underline">Go to Dashboard</a>
        <a href="http://homelab.local" class="w-full py-2.5 rounded-lg bg-white/5 border border-white/10 text-text-400 text-sm hover:text-text-100 hover:bg-white/10 transition-all no-underline">Back to Home</a>
      </div>
    </div>
  </div>
</div>
{{end}}