{% extends 'base.html' %}
{% block title %}Page not found · TradeHub{% endblock %}

{% block content %}
<div class="container" style="text-align: center; padding: var(--space-16) 0;">
  <div style="font-family: var(--font-display); font-size: 8rem; font-weight: 800; color: var(--color-primary); line-height: 1;">404</div>
  <h1 style="margin-top: var(--space-4);">Page not found</h1>
  <p class="text-muted" style="margin-top: var(--space-2);">
    We couldn't find that page. It may have been moved or deleted.
  </p>
  <a href="{{ url_for('main.index') }}" class="btn btn-primary mt-6">Back to home</a>
</div>
{% endblock %}