{% extends "madga/site_base.html" %}
{% load i18n %}

{% block title %}{% trans "Page not found" %} · {{ site.name|default:"MADGA" }}{% endblock %}

{% block content %}
<section class="max-w-md mx-auto px-4 sm:px-6 py-20 text-center">
  <p class="text-xs font-semibold uppercase tracking-wider text-slate-500">404</p>
  <h1 class="mt-2 font-heading text-3xl sm:text-4xl font-semibold tracking-tight">
    {% trans "We couldn't find that." %}
  </h1>
  <p class="mt-3 text-sm text-slate-500 dark:text-slate-400">
    {% trans "The page you're looking for moved, was deleted, or never existed." %}
  </p>
  <div class="mt-8 flex items-center justify-center gap-3">
    <a href="/" class="px-5 py-2.5 rounded-lg bg-accent text-white font-medium text-sm hover:opacity-90">
      {% trans "Back home" %}
    </a>
    <a href="/blog/" class="px-5 py-2.5 rounded-lg border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-200 font-medium text-sm hover:bg-slate-50 dark:hover:bg-slate-800">
      {% trans "Read the blog" %}
    </a>
  </div>
</section>
{% endblock %}