/* A entrada (login): a orbe, a marca e a senha, na identidade da Central.
   Uma fonte só (Outfit) e só as cores do projeto. */
@font-face{font-family:"Outfit";src:url("/static/fonts/outfit-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{color-scheme:light;--orb-deep:#0e3ebe;--orb-mid:#1e63f0;--orb-light:#96b8fa}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%}
body{background:linear-gradient(140deg,#f7f2e7 0%,#f4f4f2 48%,#e6ecfb 100%) fixed;color:#1c1c1a;font-family:"Outfit",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}
.en{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 24px 64px;text-align:center}
.en-orb{display:block;width:150px;height:150px;animation:en-in .9s cubic-bezier(.2,.8,.2,1) both}
.en-brand{margin:6px 0 0;display:flex;align-items:flex-end;gap:9px;height:32px}
.en-brand img{display:block;height:32px;width:auto}
.en-brand span{font-size:32px;line-height:23px;font-weight:500;letter-spacing:-.01em;color:#01274c}
.en h1{margin:10px 0 6px;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.en-form{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(400px,100%);animation:en-in .9s cubic-bezier(.2,.8,.2,1) .12s both}
.en-field{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:60px;padding:0 8px 0 24px;border-radius:30px;background:#fff;border:1px solid #e4e4df;box-shadow:0 8px 24px rgba(1,39,76,.07)}
.en-field:focus-within{border-color:#0043ff;box-shadow:0 8px 28px rgba(0,67,255,.16)}
.en-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.en-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:16px;color:inherit}
.en-field input::placeholder{color:#9a9a92}
.en-field button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#1c1c1a;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.en-field button:active{transform:scale(.94)}
.en-field button:focus-visible,.en-flag input:focus-visible{outline:2px solid #0043ff;outline-offset:3px}
/* a opção discreta: começar pela apresentação */
.en-flag{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-size:12.5px;color:#9a9a92;cursor:pointer;transition:color .2s}
.en-flag:hover,.en-flag:has(input:checked){color:#5e5e58}
.en-flag input{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin:0;border-radius:4px;border:1.2px solid #c3c3bb;background:transparent;cursor:pointer;transition:background .2s,border-color .2s}
.en-flag input:checked{background:#0043ff;border-color:#0043ff;box-shadow:inset 0 0 0 2px #f4f4f2}
.toast{position:fixed;left:50%;top:26px;transform:translateX(-50%);z-index:20;max-width:560px;padding:11px 18px;border-radius:14px;background:#fff;border:1px solid #e4e4df;box-shadow:0 18px 44px rgba(1,39,76,.12);font-size:14px}
.toast.erro{border-color:#ed1712;color:#a3120e}
@keyframes en-in{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.en-orb,.en-form{animation:none}}