<?php
if( !defined('ABSPATH') ){ exit(); }
get_header();
?>
<div style="display:flex; flex-direction:column; align-items:center; justify-content:center;">
    <div style="width:100%; max-width:640px; text-align: center;">
        <div style="font-family: 'Merriweather', serif; font-size: 72px; font-weight: 700; color: #1a3a6b; line-height: 1; letter-spacing: -1px; margin-bottom: 0.25rem;">404 Not found</div>
        <div style="width: 48px; height: 2px; background: #c8102e; margin: 1rem auto;"></div>
        <h1 style="font-family: 'Merriweather', serif; font-size: 20px; font-weight: 700; margin-bottom: 0.75rem; line-height: 1.4;">
            Không tìm thấy trang yêu cầu
        </h1>
        <p style="font-size: 15px; line-height: 1.75; max-width: 480px; margin: 0 auto 2rem;">
            Trang bạn đang tìm kiếm không tồn tại, đã được di chuyển hoặc tạm thời ngừng hoạt động. Vui lòng kiểm tra lại đường dẫn hoặc quay về trang chủ để tiếp tục.
        </p>
        <div style="background: #f3f6fb; border-left: 3px solid #1a3a6b; border-radius: 0 4px 4px 0; padding: 12px 16px; text-align: left; font-size: 13px; max-width: 480px; margin: 0 auto 2rem; line-height: 1.6;">
            <strong>Lưu ý:</strong> Nếu bạn cho rằng đây là lỗi hệ thống, vui lòng liên hệ bộ phận hỗ trợ kỹ thuật và cung cấp mã lỗi <strong>HTTP 404</strong>  cùng đường dẫn hiện tại.
        </div>
        <a href="<?= get_site_url(); ?>" style="display: inline-flex; align-items: center; gap: 8px; background: #1a3a6b; color: #ffffff; font-family: 'Source Sans 3', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.03em; padding: 12px 28px; border: none; border-radius: 2px; cursor: pointer; text-decoration: none; transition: background 0.15s;">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>
            Quay về trang chủ
        </a>
    </div>
</div>
<?php get_footer(); ?>