{% extends "base.html" %}

{% block title %}Server Error{% endblock %}

{% block content %}
<div class="container" style="padding-top: 24px; min-height: 60vh; display: flex; align-items: center; justify-content: center;">
    <div class="glass-card" style="text-align: center; max-width: 500px;">
        <div style="font-size: 6rem; margin-bottom: 20px;">⚠️</div>
        <h1 style="font-size: 2rem; font-weight: 800; margin-bottom: 16px;">500 - Server Error</h1>
        <p style="color: var(--text-muted); margin-bottom: 24px;">Something went wrong on our end. Please try again later.</p>
        <a href="/" class="btn-liquid"><i class="fas fa-home"></i> Go Home</a>
    </div>
</div>
{% endblock %}