{% extends "django_fundamentals/layouts/auth.html" %}
{% comment %}
STATUS PAGE — DJANGO LOOKS FOR 404.html AT THE TEMPLATE ROOT (NOT NAMESPACED).
Safe to extend a layout: unlike 500, these render with a normal request context.
{% endcomment %}

{% block head_title %}Page not found · {{ block.super }}{% endblock %}

{% block content %}
<div class="text-center">
    <p class="font-mono text-5xl font-semibold tracking-tight text-brand">404</p>
    <h1 class="mt-4 text-xl font-semibold tracking-tight text-ink">Page not found</h1>
    <p class="mt-2 text-sm leading-relaxed text-muted">We couldn't find the page you were looking for. It may have been moved or deleted.</p>
    <div class="mt-6 flex justify-center">
        {% include "django_fundamentals/atoms/button.html" with label="Back to home" href="/" variant="secondary" %}
    </div>
</div>
{% endblock %}