* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #151515; color: #222; }
button { font: inherit; font-weight: 700; border: 0; border-radius: 6px; cursor: pointer; }
button.pri { background: #D7262E; color: #fff; }
button.grande { width: 100%; padding: 12px; font-size: 15px; }
button:disabled { opacity: .6; cursor: wait; }
[hidden] { display: none !important; }
.tela-login { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; }
.caixa-login { background: #fff; width: min(400px, 100%); border-radius: 10px; border-top: 5px solid #D7262E; padding: 24px; }
.caixa-login img { display: block; width: 170px; margin: 0 auto 6px; background: #151515; padding: 10px; border-radius: 6px; }
.caixa-login .tl { text-align: center; font-weight: 700; font-size: 18px; margin-bottom: 14px; }
.caixa-login label { display: block; font-size: 12px; font-weight: 700; color: #555; margin-bottom: 9px; }
.caixa-login input { display: block; width: 100%; margin-top: 3px; padding: 8px; font: inherit; font-size: 14px; font-weight: 400; border: 1px solid #D0D0D0; border-radius: 5px; }
.dica-login { font-size: 12.5px; color: #555; }
.login-erro { color: #D7262E; font-weight: 700; font-size: 13px; margin-top: 8px; min-height: 16px; }