<!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>Service unavailable | 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">
    <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">Service unavailable</p>
        <h1>We could not complete this request.</h1>
        <p class="muted"><?= e($errorMessage ?? 'Please try again or contact your administrator.') ?></p>
        <a class="btn btn-primary" href="<?= url('/') ?>">Return to FleetLume</a>
    </div>
</body>
</html>
