:root{--a-bg:#0b2533;--a-fg:#eef4f2;--a-muted:#a6bcc4;--a-line:#3d6170;--a-field:#123243;--a-accent:#f0a93b;--a-link:#6fc7c4;--a-erro:#ffb4a8;color-scheme:dark}
html,body{margin:0}
[hidden]{display:none!important}
img{max-width:100%}
body{background:#0b2533;color:var(--a-fg);font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
body.dentro{background:var(--bg);color:var(--fg);color-scheme:light dark}
.acesso{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;box-sizing:border-box}
.acesso[hidden],.caixa form[hidden],.barra[hidden]{display:none}
.caixa{width:100%;max-width:360px;display:grid;justify-items:start}
.logo{display:block;margin:0 0 14px -8px}
.caixa h1{font-family:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:2.5rem;line-height:1.02;letter-spacing:-.02em;margin:0}
.marca{margin-top:6px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--a-accent)}
.status{margin:16px 0;color:var(--a-muted);min-height:1.4em}
.status.erro{color:var(--a-erro)}
.caixa form:not([hidden]){display:grid;gap:14px;width:100%}
.caixa label{display:grid;gap:5px;font-size:.92rem;font-weight:500}
.caixa input{font:inherit;font-size:16px;padding:12px;border:1px solid var(--a-line);border-radius:8px;background:var(--a-field);color:var(--a-fg);min-width:0}
.caixa input:focus-visible,.caixa button:focus-visible{outline:2px solid var(--a-accent);outline-offset:2px}
.caixa button{font:inherit;font-weight:600;padding:12px 14px;border:0;border-radius:8px;background:var(--a-accent);color:#0b2533;cursor:pointer}
.caixa button:disabled{opacity:.6;cursor:default}
.caixa button.link{background:none;color:var(--a-link);font-weight:500;padding:4px}