body {
  margin: 0;
  background: #f5f7fb;
  color: #18202a;
  font: 16px system-ui, sans-serif;
  display: grid;
  min-height: 100vh;
  place-items: center;
}

.card {
  width: min(360px, calc(100% - 40px));
  background: white;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 18px 50px #24324a1c;
}

h1 { font-size: 24px; margin: 0 0 8px; }
p { color: #647084; }
.error { color: #a12222; }
label { display: grid; gap: 6px; margin: 16px 0; }
input { padding: 12px; border: 1px solid #cbd3df; border-radius: 8px; font: inherit; }
button { width: 100%; padding: 12px; border: 0; border-radius: 8px; background: #ee4d2d; color: white; font-weight: 700; cursor: pointer; }