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

{% block title %}Page Not Found – PEZAJOB{% endblock %}

{% block meta_description %}The page you are looking for could not be found on 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;">404</div>
    <h1 style="color:var(--primary);margin-bottom:12px;font-size:1.75rem;">Page Not Found</h1>
    <p style="color:var(--text-light);line-height:1.7;margin-bottom:32px;">
      Sorry, we could not find the page you requested. It may have been moved, removed, or the link might be incorrect.
    </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 'jobs:list' %}" class="btn btn-outline"><i class="fas fa-briefcase"></i> Browse Jobs</a>
    </div>
  </div>
</section>
{% endblock %}