:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f3f4f6;--superficie:#fff;--texto:#1f2937;--apoio:#6b7280;--borda:#d1d5db;--marca:#2563eb;--erro:#b91c1c;--sucesso:#166534;color:var(--texto);font-family:Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);place-items:center;min-height:100vh;margin:0;padding:1.5rem 1rem;display:grid}#root{gap:1.5rem;width:100%;max-width:24rem;display:grid}header{text-align:center;color:var(--marca);font-size:1.25rem;font-weight:700}main{background:var(--superficie);border-radius:8px;gap:.875rem;padding:2rem;display:grid}h1{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}form{gap:.875rem;display:grid}label{color:var(--apoio);gap:.375rem;font-size:.875rem;display:grid}input{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borda);border-radius:6px;padding:.625rem .75rem}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--marca);outline-offset:2px}button{font:inherit;color:var(--superficie);background:var(--marca);border:1px solid var(--marca);cursor:pointer;border-radius:6px;padding:.7rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secundario{color:var(--marca);background:var(--superficie);border-color:var(--borda)}a{color:var(--marca)}[role=alert]{color:var(--erro);margin:0;font-size:.875rem}[role=status]{color:var(--sucesso);margin:0;font-size:.875rem}nav{flex-wrap:wrap;gap:.75rem;padding-top:.5rem;font-size:.875rem;display:flex}p{margin:0;font-size:.9375rem;line-height:1.5}footer{color:var(--apoio);text-align:center;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.8125rem;display:flex}