templates/errors/400.html

{% extends "base.html" %}

{% block title %}Bad Request - Chatty{% endblock %}

{% block content %}
<div class="error-container">
    <div class="error-content">
        <h1 class="error-code">400</h1>
        <h2 class="error-title">Bad Request</h2>
        <p class="error-message">
            The request could not be processed. This might be due to an expired security token or invalid form data.
        </p>
        <div class="error-actions">
            <a href="{{ url_for('index') }}" class="error-button">Go Home</a>
            <button onclick="history.back()" class="error-button secondary">Go Back</button>
        </div>
    </div>
</div>
{% endblock %}