/* Painel da Inthemix: entrada e página provisória. Sem nada inline (a CSP só aceita ficheiros do próprio painel).
   Fonte: Hanken Grotesk (SIL OFL), a mesma do site, servida pelo painel. Fotografia: «Smoke and light beams», CC0. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fontes/hanken-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fontes/hanken-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--roxo-1:#b500ff;--roxo-2:#980ed1;--roxo-3:#7813a2;--tinta:#17121d;--suave:#5b5464;--linha:#e6e1ec;--fundo-2:#f6f2fa;--erro:#b3261e;--ok:#0f7a3d;--txt:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{font:400 16px/1.5 var(--txt);color:var(--tinta);background:#fff;-webkit-font-smoothing:antialiased}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--roxo-1);outline-offset:2px;border-radius:8px}
[hidden]{display:none!important}

.pagina{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.lado{position:relative;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#1a0a28}
.lado>img.fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.lado::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(40,6,58,.78),rgba(120,19,162,.55) 60%,rgba(40,6,58,.85));z-index:1}
.lado>*:not(img){position:relative;z-index:2}
.lado h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;max-width:14em}
.lado p{margin:0;max-width:30em;color:rgba(255,255,255,.9)}
.logo{width:190px;height:auto;display:block}

.form{display:grid;place-items:center;padding:32px}
.cartao{width:100%;max-width:400px}
.cartao h1{font-size:30px;letter-spacing:-.03em;margin:0 0 6px;line-height:1.2}
.cartao .sub{color:var(--suave);margin:0 0 24px}
.campo{display:grid;gap:6px;margin-bottom:16px}
.campo label{font-weight:600;font-size:14px}
.campo .dica{font-size:13.5px;color:var(--suave);margin:2px 0 0}
.entrada{position:relative}
.entrada input{width:100%;min-height:52px;padding:0 14px;border:1px solid #cfc6d9;border-radius:12px;background:#fff}
.entrada input.com-botao{padding-right:96px}
.entrada input:focus{outline:3px solid rgba(181,0,255,.28);border-color:var(--roxo-1)}
.entrada .ver{position:absolute;right:6px;top:6px;min-height:40px;min-width:44px;padding:0 12px;border:0;background:transparent;color:var(--roxo-3);font-weight:600;font-size:14px;border-radius:8px;cursor:pointer}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:999px;border:1px solid var(--roxo-1);background:var(--roxo-1);color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.btn:hover{background:var(--roxo-2);border-color:var(--roxo-2)}
.btn[disabled]{opacity:.55;cursor:wait}
.btn.secundario{background:#fff;color:var(--roxo-3);border-color:#cfc6d9}
.btn.secundario:hover{background:var(--fundo-2)}
.link{background:none;border:0;color:var(--roxo-3);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:10px 0;min-height:44px}
.aviso{display:none;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:14.5px}
.aviso[data-ver=true]{display:flex}
.aviso.erro{background:#fdecea;color:#7a1712}
.aviso.info{background:var(--fundo-2);color:#3d3646}
.aviso.ok{background:#e4f6ea;color:#0b5a2d}
.ajuda{margin-top:20px;font-size:14px;color:var(--suave);border-top:1px solid var(--linha);padding-top:16px}

.provisoria{max-width:560px;margin:0 auto;padding:48px 24px}
.provisoria .topo{display:flex;align-items:center;gap:12px;margin-bottom:32px}
.provisoria .topo img{width:150px;height:auto;background:#1a0a28;padding:10px 14px;border-radius:12px}
.provisoria h1{font-size:28px;letter-spacing:-.03em;margin:0 0 8px}
.provisoria .quem{margin:0 0 6px}
.provisoria .acoes{display:grid;gap:12px;margin-top:28px}

@media (max-width:860px){.pagina{grid-template-columns:1fr}.lado{min-height:200px;padding:28px}.lado p{display:none}.logo{width:150px}.form{padding:24px 16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}