/* Carregador do Rancho — a portaria comum antes de saber a pele (Condado ou Universo).
   Mínimo e neutro: fundo escuro, marca, e a folha da chave se faltar autorização. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: #0c0a07; color: #efe7d8; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
body { display: flex; align-items: center; justify-content: center; padding: 24px; }

.boot { text-align: center; max-width: 380px; width: 100%; }
.boot-marca { font-size: 2rem; font-weight: 700; letter-spacing: .01em; }
.boot-sub { margin-top: 6px; font-size: .82rem; color: #a99; opacity: .8; }

.boot-spinner {
  margin: 26px auto 0; width: 34px; height: 34px; border-radius: 50%;
  border: 3px solid rgba(255,255,255,.15); border-top-color: #ff8a3c;
  animation: girar .9s linear infinite;
}
@keyframes girar { to { transform: rotate(360deg); } }

.boot-form { margin-top: 26px; text-align: left; display: none; }
.boot-form.on { display: block; }
.boot-form label { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: #a99; margin-bottom: 8px; }
.boot-form input {
  width: 100%; min-height: 50px; padding: 12px 14px; font-size: 1rem;
  background: #17130d; border: 1px solid #3a2f22; border-radius: 12px; color: #efe7d8;
}
.boot-form input:focus { outline: none; border-color: #ff8a3c; box-shadow: 0 0 0 3px rgba(255,138,60,.2); }
.boot-form button {
  width: 100%; min-height: 50px; margin-top: 12px; font-size: 1rem; font-weight: 700; color: #1a1206;
  background: linear-gradient(160deg, #ffd27a, #ff7a18); border: 0; border-radius: 12px; cursor: pointer;
}
.boot-erro { margin-top: 12px; font-size: .82rem; color: #ff8a7a; display: none; }
.boot-erro.on { display: block; }
.hidden { display: none !important; }