:root{--nf-bg:#f6f7f9;--nf-surface:#fff;--nf-text:#16202b;--nf-muted:#5b6673;--nf-primary:#0f5fbf;--nf-primary-text:#fff;--nf-danger:#b42318;--nf-border:#d6dbe1;--nf-radius:10px;--nf-focus:0 0 0 3px #0f5fbf59;color:var(--nf-text);background:var(--nf-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}main.centro{place-items:center;min-height:100vh;padding:24px;display:grid}.cartao{background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:var(--nf-radius);width:100%;max-width:420px;padding:32px}.marca{color:var(--nf-primary);margin:0 0 4px;font-size:1.25rem;font-weight:700}h1{margin:0 0 20px;font-size:1.375rem}label{margin:16px 0 6px;font-weight:600;display:block}input{border:1px solid var(--nf-border);border-radius:8px;width:100%;padding:10px 12px;font-size:1rem}input:focus-visible,button:focus-visible,a:focus-visible{box-shadow:var(--nf-focus);outline:none}button{background:var(--nf-primary);width:100%;color:var(--nf-primary-text);cursor:pointer;border:0;border-radius:8px;margin-top:24px;padding:12px;font-size:1rem;font-weight:600}button[disabled]{opacity:.6;cursor:progress}button.secundario{color:var(--nf-primary);border:1px solid var(--nf-border);background:0 0}.erro{color:var(--nf-danger);margin-top:12px}.ajuda{color:var(--nf-muted);font-size:.9375rem}.codigos{columns:2;background:var(--nf-bg);border-radius:8px;padding:12px 16px;font-family:ui-monospace,monospace;list-style:none}