*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--paper);color:var(--ink);font-family:var(--font-sans);text-rendering:optimizeLegibility}
main{width:100%;max-width:560px;padding:40px;background:var(--surface);border:1px solid var(--rule);border-bottom:3px solid var(--signal)}
h1{margin:0;font-size:44px;font-weight:600;line-height:1.15;letter-spacing:-.015em}
p{margin:16px 0 28px;font-size:17px;line-height:1.6;color:var(--muted)}
a{display:inline-flex;align-items:center;min-height:44px;color:var(--signal);font-family:var(--font-mono);font-size:13px;text-decoration:none;text-underline-offset:4px}
a:hover{text-decoration:underline}
a:focus-visible{outline:3px solid var(--signal);outline-offset:4px}
@media(max-width:480px){main{padding:28px}h1{font-size:36px}p{font-size:16px}}