html, body { height: 100%; margin: 0; background: #fff; }
body { display: flex; align-items: center; justify-content: center; }
input {
  width: 220px; padding: 8px 10px; font: 16px system-ui, sans-serif;
  border: 1px solid #ccc; border-radius: 4px; outline: none; background: #fff; color: #111;
}
input:focus { border-color: #888; }
input.no { border-color: #d33; }
form { display: flex; flex-direction: column; align-items: center; gap: 12px; }
button {
  min-width: 96px; padding: 8px 18px; font: 16px system-ui, sans-serif;
  border: 1px solid #ccc; border-radius: 4px; background: #f5f5f5; color: #111; cursor: pointer;
}
button:active { background: #e8e8e8; }