{% extends "base.html" %}

{% block content %}
<div class="container">
    <section class="error-page" id="error-page">
        <div class="error-content">
            <h1 class="error-code">404</h1>
            <h2 class="error-title">Page Not Found</h2>
            <p class="error-desc">The API or page you're looking for doesn't exist or has been moved.</p>
            <a href="/" class="btn btn-primary" id="error-home-btn">← Back to Directory</a>
        </div>
    </section>
</div>
{% endblock %}