<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex,nofollow">
    <title>Page not found | FleetLume</title>
    <link rel="icon" href="<?= asset('images/favicon.ico') ?>" sizes="any">
    <link rel="stylesheet" href="<?= asset('css/app.css') ?>">
</head>
<body class="auth-body" data-base-url="<?= e(rtrim(BASE_URL, '/')) ?>">
    <div class="auth-card" style="width:min(520px,100%);text-align:center;">
        <img src="<?= asset('images/fleetlume-logo-horizontal.png') ?>" alt="FleetLume" style="width:min(280px,100%);height:auto;margin-bottom:22px;">
        <p class="eyebrow">404</p>
        <h1>Page not found</h1>
        <p class="muted">The page you requested does not exist or may have moved.</p>
        <a class="btn btn-primary" href="<?= url('/') ?>">Return to FleetLume</a>
    </div>
</body>
</html>
