:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  font-family: system-ui, -apple-system, Segoe UI, sans-serif;
  margin: 0; min-height: 100vh; background: #0b0c10; color: #e6e6e6;
  display: flex; align-items: center; justify-content: center;
}
.caixa { width: 340px; padding: 28px; border: 1px solid #262a33; border-radius: 12px; background: #14161a; }
.caixa h1 { font-size: 16px; margin: 0 0 4px; }
.caixa p.sub { font-size: 12px; color: #8a8f98; margin: 0 0 20px; }
label { display: block; font-size: 12px; color: #8a8f98; margin-bottom: 6px; margin-top: 14px; }
input { width: 100%; background: #0f1115; border: 1px solid #262a33; border-radius: 8px; color: #e6e6e6; padding: 10px; font-size: 14px; }
input:focus { outline: 1px solid #2d6a4f; }
button { width: 100%; margin-top: 20px; padding: 11px; border: none; border-radius: 8px; background: #2d6a4f; color: white; font-weight: 600; cursor: pointer; font-size: 14px; }
button:disabled { opacity: .5; cursor: default; }
.erro { color: #e04343; font-size: 12px; margin-top: 10px; min-height: 14px; }
.passo2 { display: none; }