body { display: flex; align-items: center; justify-content: center; }
main { width: 100%; max-width: 320px; }

.box {
  background: #111;
  border: 1px solid #1e1e1e;
  border-radius: 10px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.box form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.box form .btn { width: 100%; }

.box-footer {
  display: flex;
  justify-content: center;
  margin-top: 0.25rem;
}

.toggle-btn {
  background: none;
  border: none;
  color: #444;
  font-size: 0.8rem;
  cursor: pointer;
  padding: 0;
}
.toggle-btn:hover { color: #888; }

.error { font-size: 0.82rem; color: #e05555; text-align: center; }
.hidden { display: none; }