body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  background: linear-gradient(180deg, #f7f3ec 0%, #ece5d4 100%);
  margin: 0;
  color: #2d3748;
}
main {
  max-width: 360px;
  margin: 10vh auto;
  padding: 24px;
  background: white;
  border-radius: 14px;
  box-shadow: 0 1px 0 inset white, 0 12px 28px -16px rgba(0,0,0,0.2);
}
h1 { font-size: 22px; margin: 0 0 4px; }
.subtitle { color: #888; margin: 0 0 20px; font-size: 13px; }
form { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
label { font-size: 12px; color: #555; text-transform: uppercase; letter-spacing: 0.04em; }
input { padding: 8px 10px; font-size: 14px; border: 1px solid #ddd; border-radius: 8px; }
button {
  padding: 8px 12px; font-size: 14px; background: #2d6a4f; color: white;
  border: 0; border-radius: 8px; cursor: pointer;
}
button:hover { background: #1b4332; }
.divider { text-align: center; color: #aaa; font-size: 12px; margin: 8px 0; }