/* Tela de senha. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 16px; font: 16px/1.5 Inter, system-ui, sans-serif; color: #eef2f5; background: #08090b; }
main { width: min(360px, 100%); display: grid; gap: 20px; }
h1 { margin: 0; font-size: 1.8rem; }
form { display: grid; gap: 10px; }
label { color: #a9b2bb; }
input { padding: 12px; font: inherit; color: inherit; background: #15181c; border: 1px solid #39414a; border-radius: 8px; }
input:focus-visible, button:focus-visible { outline: 2px solid #00d2ff; outline-offset: 2px; }
button { padding: 12px; font: inherit; font-weight: 700; color: #04141a; background: #00d2ff; border: 0; border-radius: 8px; cursor: pointer; }
#erro { min-height: 1.5em; margin: 0; color: #ffb800; }