{% extends 'base.html' %}
{% block title %}Something went wrong · 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-danger); line-height: 1;">500</div>
  <h1 style="margin-top: var(--space-4);">Something went wrong</h1>
  <p class="text-muted" style="margin-top: var(--space-2);">
    We're having trouble processing your request. Please try again shortly.
  </p>
  <a href="{{ url_for('main.index') }}" class="btn btn-primary mt-6">Back to home</a>
</div>
{% endblock %}