:root{color-scheme:light dark;--fundo:#f6f6f4;--texto:#1d1d1b;--suave:#5b5b57;--cartao:#fff;--linha:#d9d9d4;--acento:#2b5a8c;--erro:#a4262c}
@media (prefers-color-scheme:dark){:root{--fundo:#161615;--texto:#ececea;--suave:#a5a5a0;--cartao:#20201f;--linha:#383835;--acento:#7fb0e0;--erro:#f08a8f}}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:34rem;margin:0 auto;padding:2rem 1rem}
h1{font-size:1.4rem;margin:0 0 1rem}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:10px;padding:1.25rem}
label{display:block;margin:.75rem 0 .25rem;font-weight:600}
input[type=text],input[type=password]{width:100%;padding:.6rem;border:1px solid var(--linha);border-radius:6px;background:var(--fundo);color:var(--texto);font:inherit}
button{margin-top:1rem;padding:.6rem 1.1rem;border:0;border-radius:6px;background:var(--acento);color:#fff;font:inherit;font-weight:600;cursor:pointer}
button.simples{background:transparent;color:var(--acento);border:1px solid var(--linha);margin:0}
.erro{color:var(--erro);margin:.5rem 0 0}
.suave{color:var(--suave);font-size:.9rem}
ul.lista{list-style:none;margin:0;padding:0}
ul.lista li{border-top:1px solid var(--linha);padding:.75rem 0}
ul.lista li:first-child{border-top:0}
a{color:var(--acento)}
header.topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
form.linha{margin:0}