:root{--bg:#FFF8EE;--card:#fff;--ink:#1F2A44;--mut:#5B6580;--line:#EADFCF;--pri:#3B5BDB;--on:#fff;--sun:#FFC24B;--err:#B42318;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root{--bg:#121830;--card:#1B2444;--ink:#F2F4FF;--mut:#A9B3D6;--line:#2B3660;--pri:#8AA2FF;--on:#0E1430;--err:#FF8A80}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.5 ui-rounded,"Trebuchet MS",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:560px;margin:auto;padding:16px}header{text-align:center;margin:8px 0 16px}
.nome{font-size:1.9rem;font-weight:800;letter-spacing:.06em}.slogan{color:var(--mut);font-weight:700}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;margin:12px 0;box-shadow:0 6px 20px rgba(31,42,68,.08)}
h1,h2{margin:0 0 8px;line-height:1.2}.mut{color:var(--mut)}.err{color:var(--err);font-weight:700}
.f{display:grid;gap:4px;margin-bottom:12px}.f label{font-weight:800;font-size:.9rem}
input{font:inherit;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:46px;width:100%}
button,.btn{font:inherit;font-weight:800;border:0;border-radius:14px;min-height:48px;padding:0 20px;cursor:pointer;background:var(--pri);color:var(--on);width:100%}
button.l{background:none;border:2px solid var(--line);color:var(--ink)}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #FF6B5B;outline-offset:2px}
a{color:var(--pri);font-weight:700}