/* Tela de login — mesma paleta do simulador (tema claro). */
:root{
  color-scheme: light;
  --bg:#F6F4F0; --card:#FFFFFF; --line:rgba(16,32,56,.12);
  --txt:#10203A; --txt-dim:#485D7B; --txt-mute:#5C6C85;
  --gold:#9A6F1C; --gold-ink:#8A6318; --coral:#BE3B26;
  --serif: ui-serif, Georgia,'Times New Roman',serif;
  --sans: -apple-system, BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --shadow: 0 1px 2px rgba(16,32,56,.05), 0 12px 32px -16px rgba(16,32,56,.18);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--txt);
  font-family:var(--sans); display:flex; align-items:center; justify-content:center;
  padding:24px;
}
.card{
  width:100%; max-width:400px; background:var(--card);
  border:1px solid var(--line); border-radius:12px;
  box-shadow:var(--shadow); padding:36px 32px 28px;
}
.marca{display:flex; align-items:baseline; gap:2px; margin-bottom:26px}
.marca-b{font-family:var(--serif); font-size:40px; font-weight:700; line-height:1; color:var(--txt)}
.marca-ponto{width:13px; height:13px; background:#F9A94A; display:inline-block}
.eyebrow{
  font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--gold-ink); margin:0 0 6px;
}
h1{font-family:var(--serif); font-size:26px; font-weight:400; margin:0 0 4px; letter-spacing:-.01em}
.sub{font-size:12.5px; color:var(--txt-mute); margin:0 0 26px; line-height:1.5}
label{display:block; font-size:10.5px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--txt-dim); margin:0 0 6px}
input{
  width:100%; padding:11px 12px; font-size:15px; font-family:var(--sans);
  color:var(--txt); background:var(--card);
  border:1px solid var(--line); border-radius:7px; margin-bottom:16px;
}
input:focus{outline:none; border-color:#F9A94A; box-shadow:0 0 0 3px rgba(249,169,74,.18)}
button{
  width:100%; padding:12px; font-size:14px; font-weight:600; font-family:var(--sans);
  color:#fff; background:var(--txt); border:0; border-radius:7px; cursor:pointer;
  letter-spacing:.02em;
}
button:hover{background:#1B3055}
button:disabled{opacity:.55; cursor:default}
.erro{
  display:none; margin:0 0 16px; padding:10px 12px; font-size:13px; line-height:1.45;
  color:var(--coral); background:rgba(190,59,38,.08);
  border:1px solid rgba(190,59,38,.22); border-radius:7px;
}
.erro.on{display:block}
.rodape{
  margin-top:24px; padding-top:16px; border-top:1px solid var(--line);
  font-size:10.5px; color:var(--txt-mute); line-height:1.6;
}