<?php
/// file: app/View/errors/500.php

declare(strict_types=1);

?>
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Interference</title>
    <link rel="stylesheet" href="<?= e(asset('css/main.css')) ?>">
</head>
<body class="flex min-h-screen items-center justify-center bg-carbon text-white">
<div class="container-shell text-center">
    <p class="muted-label">500</p>
    <h1 class="cinematic-heading mt-6">Temporary interference.</h1>
    <p class="mt-6 text-silver-400">We are on it. Please try again shortly.</p>
    <a class="mt-10 inline-flex rounded-full border border-white/25 px-8 py-3 text-xs uppercase tracking-[0.2em]" href="<?= e(url('/')) ?>">Home</a>
</div>
</body>
</html>
