<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>404 Not Found</title>
<style>
:root {
color-scheme: dark;
--bg: #0d1117;
--card: #161b22;
--border: #30363d;
--text: #c9d1d9;
--muted: #8b949e;
}
* { box-sizing: border-box; }
body {
margin: 0;
min-height: 100vh;
display: grid;
place-items: center;
background: radial-gradient(circle at top left, #1f2733 0%, var(--bg) 45%);
color: var(--text);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
padding: 24px;
}
main {
width: 100%;
max-width: 640px;
background: var(--card);
border: 1px solid var(--border);
border-radius: 12px;
padding: 20px;
}
h1 { margin: 0 0 8px; }
p { color: var(--muted); margin: 6px 0; }
a { color: #9ecbff; text-decoration: none; }
</style>
</head>
<body>
<main>
<h1>404 Not Found</h1>
<p>The requested short URL does not exist.</p>
<p><a href="/">Back to shortener</a></p>
</main>
</body>
</html>