/* Página provisória do Hub Makkai, só para testar a API no staging.
   O front de verdade vem do PR #1. */
:root { --fundo: #ffffff; --texto: #1b1f24; --suave: #5b6570; --borda: #d5dae0; --acento: #1f5fbf; --erro: #b42318; }
@media (prefers-color-scheme: dark) {
  :root { --fundo: #121417; --texto: #e8eaed; --suave: #9aa3ad; --borda: #2c3138; --acento: #6ea2ff; --erro: #ff8a7a; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 420px; margin: 48px auto; padding: 0 16px; }
h1 { font-size: 22px; margin: 0 0 24px; }
label { display: block; font-size: 14px; color: var(--suave); margin: 12px 0 4px; }
input { width: 100%; padding: 10px 12px; border: 1px solid var(--borda); border-radius: 6px; background: transparent; color: inherit; font: inherit; }
button { margin-top: 16px; padding: 10px 16px; border: 0; border-radius: 6px; background: var(--acento); color: #fff; font: inherit; cursor: pointer; }
button.secundario { background: transparent; color: var(--acento); border: 1px solid var(--borda); }
.msg { margin-top: 16px; font-size: 14px; }
.msg.erro { color: var(--erro); }
ul { padding-left: 20px; }
a { color: var(--acento); }
[hidden] { display: none !important; }