:root {
  --orange: #fb6002;
  --ink: #16181d;
  --muted: #5b616e;
  --line: #e7e8eb;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font: 17px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  background: #fff;
}
main {
  max-width: 40rem;
  margin: 0 auto;
  padding: 3rem 1rem 4rem;
}
.logo { height: 56px; width: auto; }
h1 { font-size: 1.9rem; line-height: 1.25; margin: 2rem 0 0.5rem; }
p { margin: 0 0 1rem; }
.muted { color: var(--muted); }
address { font-style: normal; margin: 1.5rem 0; padding: 1rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.button {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 1.25rem;
  border-radius: 0.6rem; font-weight: 600; text-decoration: none;
  border: 1px solid var(--line); color: var(--ink);
}
.button.primary { background: var(--orange); border-color: var(--orange); color: var(--ink); }
.button:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
footer { margin-top: 3rem; font-size: 0.9rem; color: var(--muted); }