:root{--bg:#f5f6f2;--panel:#fff;--text:#243a33;--muted:#68756f;--line:#dce3dc;--accent:#28664e;--erro:#a3322b;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--bg:#14201c;--panel:#1e2d27;--text:#e1ebe4;--muted:#aabbb0;--line:#3a4d42;--accent:#9bd6b5;--erro:#f0a39c}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text);padding:16px}
main{width:min(380px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:32px}
.marca{font-weight:600;font-size:18px}.marca span{display:inline-grid;place-items:center;background:var(--accent);color:var(--panel);width:28px;height:28px;border-radius:9px;margin-right:4px;font-size:22px}
h1{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:24px 0 4px}.sub{color:var(--muted);font-size:13px;margin:0 0 20px}
label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:14px}
input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}
input:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
button{margin-top:22px;width:100%;padding:11px;border:0;border-radius:8px;background:var(--accent);color:var(--panel);font:inherit;font-weight:600;cursor:pointer}
.erro{color:var(--erro);border:1px solid var(--erro);border-radius:8px;padding:10px 12px;font-size:13px}