:root{color-scheme:dark;--ink:#f3f0e8;--muted:#aec1c8;--paper:#1b292d;--panel:#223439;--rule:#496168;--aqua:#9bd7e6;--copper:#f0a27b}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
main{width:min(100%,680px);border:1px solid var(--rule);padding:clamp(32px,7vw,72px);background:linear-gradient(135deg,rgba(34,52,57,.96),rgba(27,41,45,.98));text-align:center}
.eyebrow{margin:0 0 18px;color:var(--copper);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0 0 14px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}
p{margin:0 auto 28px;max-width:46ch;color:var(--muted);line-height:1.65}
.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
a{display:inline-block;border:1px solid var(--aqua);border-radius:7px;padding:12px 20px;color:var(--aqua);font-weight:700;text-decoration:none}
a.primary{background:var(--aqua);color:#19272b}
a:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.fallback{margin-top:22px;font-size:.86rem;color:var(--muted)}
noscript .fallback{display:none}