:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background: #f6f7fb; }
.card {
  max-width: 680px; margin: 40px auto; padding: 22px;
  background: white; border-radius: 14px; box-shadow: 0 10px 25px rgba(0,0,0,.08);
}
h1 { margin: 0 0 18px; font-size: 22px; }
form { display: grid; gap: 14px; }
label { display: grid; gap: 6px; font-size: 14px; }
input, select, textarea, button {
  font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid #d7dbe7;
}
.row { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
button { cursor: pointer; border: 0; background: #2f62ff; color: white; font-weight: 600; }
button:disabled { opacity: .6; cursor: not-allowed; }
.msg { margin: 0; font-size: 14px; color: #b42318; }
.msg.ok { color: #067647; }
@media (max-width: 680px) { .row { grid-template-columns: 1fr; } }