<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>404 · {{ $site->name ?: 'Not found' }}</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>
        *{box-sizing:border-box;margin:0;padding:0}
        body{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh;display:grid;place-items:center;
            background:#f8fafc;color:#1e293b;text-align:center;padding:24px}
        .i{font-size:64px;color:#cbd5e1;margin-bottom:14px}
        h1{font-size:64px;line-height:1}
        p{color:#64748b;margin:8px 0 18px}
        a{display:inline-block;background:#2563eb;color:#fff;padding:10px 20px;border-radius:9px;text-decoration:none;font-weight:600}
    </style>
</head>
<body>
    <div>
        <div class="i"><i class="fas fa-compass"></i></div>
        <h1>404</h1>
        <p>The page you were looking for could not be found.</p>
        <a href="/">Back to home</a>
    </div>
</body>
</html>
