/* Seule feuille servie sans session : rien ici ne doit trahir l'application. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  display: flex; align-items: center; justify-content: center; padding: 16px;
  background: #0e1014; color: #e4e7ee;
  font: 14px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
form {
  width: min(340px, 100%);
  display: flex; flex-direction: column; gap: 14px;
  padding: 24px;
  border: 1px solid #272c37; border-radius: 8px; background: #161920;
}
label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #8a92a5; }
input {
  width: 100%; height: 40px; padding: 0 12px;
  border: 1px solid #272c37; border-radius: 6px;
  background: #0e1014; color: #e4e7ee; font: inherit; outline: none;
  transition: border-color .12s;
}
input:hover { border-color: #363d4b; }
input:focus { border-color: #4d8dff; }
button {
  height: 40px; border: 0; border-radius: 6px;
  background: #4d8dff; color: #fff; font: inherit; font-weight: 600; cursor: pointer;
  transition: background-color .12s;
}
button:hover { background: #6ea2ff; }
button:disabled { opacity: .55; cursor: default; }
p { margin: 0; min-height: 20px; color: #e5534b; font-size: 13px; }