* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  margin: 0;
  background: #fafaf7;
  color: #1a1a1a;
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: 2rem;
}
main { max-width: 540px; width: 100%; }
h1 { font-size: 2.4rem; line-height: 1.1; margin: 0 0 0.5rem; }
.lede { font-size: 1.1rem; color: #555; margin: 0 0 2rem; }
form { display: grid; gap: 0.75rem; }
input, button {
  font: inherit;
  padding: 0.85rem 1rem;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: white;
}
button {
  background: #1a1a1a;
  color: white;
  border: none;
  cursor: pointer;
  font-weight: 500;
}
button:hover { background: #333; }
#status { margin-top: 1rem; min-height: 1.5em; color: #444; }