:root{--p:#fff;--t:#000;--l:#000}@media(prefers-color-scheme:dark){:root{--p:#000;--t:#fff;--l:#fff}}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:16px;background:var(--p);color:var(--t);font:16px/1.45 ui-monospace,'SF Mono',Menlo,monospace}
form{width:min(340px,100%);display:grid;gap:16px}h1{margin:0;font-size:22px}p{margin:0}.erro{border:1px solid var(--l);padding:8px 10px}
label{display:grid;gap:6px;font-size:13px}input{font:inherit;color:inherit;background:transparent;border:1px solid var(--l);border-radius:0;padding:12px}
input:focus{outline:2px solid #0040ff;outline-offset:1px}button{font:inherit;border:0;border-radius:0;padding:13px;background:#0040ff;color:#fff;cursor:pointer}