{% extends "base.html" %}

{% block title %}Page Not Found{% 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;">404 - Page Not Found</h1>
        <p style="color: var(--text-muted); margin-bottom: 24px;">The page you're looking for doesn't exist or has been moved.</p>
        <a href="/" class="btn-liquid"><i class="fas fa-home"></i> Go Home</a>
    </div>
</div>
{% endblock %}