61 lines
2 KiB
HTML
61 lines
2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>404 — Page not found</title>
|
|
<style>
|
|
:root{--bg:#f7fafc;--card:#fff;--muted:#6b7280;--accent:#2563eb}
|
|
html,body{height:100%}
|
|
body{
|
|
margin:0;
|
|
font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
|
|
background:linear-gradient(180deg,var(--bg),#fff);
|
|
color:#111827;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
padding:2rem;
|
|
}
|
|
.card{
|
|
background:var(--card);
|
|
border-radius:12px;
|
|
box-shadow:0 6px 24px rgba(16,24,40,.08);
|
|
padding:2.5rem;
|
|
max-width:720px;
|
|
width:100%;
|
|
text-align:center;
|
|
}
|
|
.code{
|
|
font-weight:700;
|
|
font-size:3.5rem;
|
|
color:var(--accent);
|
|
margin:0;
|
|
letter-spacing:-0.02em;
|
|
}
|
|
h2{margin:.25rem 0 .5rem;font-size:1.25rem}
|
|
p{margin:0 0 1.25rem;color:var(--muted)}
|
|
.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
|
|
a.button{
|
|
text-decoration:none;
|
|
padding:.6rem 1rem;
|
|
border-radius:8px;
|
|
background:var(--accent);
|
|
color:white;
|
|
font-weight:600;
|
|
box-shadow:0 4px 12px rgba(37,99,235,.12);
|
|
}
|
|
@media (max-width:420px){ .code{font-size:2.5rem} }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card" role="alert" aria-labelledby="title">
|
|
<p class="code" aria-hidden="true">404</p>
|
|
<h2 id="title">Page not found</h2>
|
|
<p>We couldn't find the page you're looking for. It may have been moved or removed.</p>
|
|
<div class="actions">
|
|
<a class="button" href="/">Go to homepage</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|