{% extends 'home/base.html' %}

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

{% block content %}
<section class="section" style="padding-top:120px;padding-bottom:80px;text-align:center;">
  <div class="container" style="max-width:560px;">
    <div style="font-size:6rem;font-weight:700;color:var(--secondary);line-height:1;margin-bottom:16px;">500</div>
    <h1 style="color:var(--primary);margin-bottom:12px;font-size:1.75rem;">Something Went Wrong</h1>
    <p style="color:var(--text-light);line-height:1.7;margin-bottom:32px;">
      We are experiencing a temporary issue. Please try again in a few moments, or return to the homepage.
    </p>
    <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
      <a href="{% url 'home:index' %}" class="btn btn-primary"><i class="fas fa-home"></i> Go Home</a>
      <a href="{% url 'home:contact' %}" class="btn btn-outline"><i class="fas fa-envelope"></i> Contact Support</a>
    </div>
  </div>
</section>
{% endblock %}