@font-face{font-family:Poppins;src:url(poppins-400.woff2) format('woff2');font-weight:400}
@font-face{font-family:Poppins;src:url(poppins-600.woff2) format('woff2');font-weight:600}
:root{--ae:#023A5C;--az:#0071C4;--am:#FFAD00;--fundo:#F3F7FB;--txt:#1d2a36;--txt2:#4f5f6d;--borda-forte:#8FA6BA;--vm-texto:#B42323;--vm-suave:#FCEAEA;--vd-texto:#17602a;--vd-suave:#E6F2E9}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,Arial,sans-serif;background:var(--fundo);color:var(--txt);font-size:16px;line-height:1.45}
.topo{background:var(--ae);padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top))}
.logo{height:36px;display:block}
.caixa{max-width:420px;margin:28px auto;background:#fff;border-radius:12px;padding:22px 20px;box-shadow:0 1px 3px rgba(2,58,92,.08)}
h1{font-size:22px;color:var(--ae);margin:0 0 14px;font-weight:600}
label{display:block;font-weight:600;margin:14px 0 6px}
input{font:inherit;font-size:18px;width:100%;padding:12px;min-height:48px;border:1px solid var(--borda-forte);border-radius:8px;background:#fff;color:var(--txt)}
input[name=codigo]{letter-spacing:.3em;font-size:24px;text-align:center}
button{font:inherit;font-weight:600;font-size:17px;width:100%;margin-top:16px;min-height:50px;border:0;border-radius:8px;background:var(--az);color:#fff;cursor:pointer}
button:hover{background:var(--ae)}
:focus-visible{outline:3px solid var(--am);outline-offset:2px}
.nota{font-size:14px;color:var(--txt2);margin:16px 0 0}
.erro{background:var(--vm-suave);color:var(--vm-texto);padding:10px 12px;border-radius:8px;font-weight:600}
.ok{background:var(--vd-suave);color:var(--vd-texto);padding:10px 12px;border-radius:8px;font-weight:600}
a{color:var(--az)}