/* Tela de senha do Hub LUMAXX: fotos passando no fundo, painel de vidro, rodapé VIXCAPTA */
:root{--preto:#0d0d0f;--ouro:#e6e61a;--ouro2:#fefe22;--texto:#f4efe4;--mudo:#b4ab98}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{display:grid;grid-template-rows:1fr auto;height:100vh;height:100dvh;background:var(--preto);color:var(--texto);font-family:Inter,system-ui,sans-serif}
.fundo{position:fixed;inset:0;z-index:0;display:grid;grid-template-rows:repeat(3,1fr);gap:10px;padding:10px 0;overflow:hidden}
.fundo::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(13,13,15,.5) 0%,rgba(13,13,15,.82) 65%,rgba(13,13,15,.94) 100%)}
.fileira{overflow:hidden;min-height:0}
.trilho{display:flex;height:100%;width:max-content;will-change:transform}
.grupo{display:flex;gap:10px;padding-right:10px;height:100%}
.grupo img{height:100%;width:auto;border-radius:10px;object-fit:cover}
.acesso{position:relative;z-index:1;display:grid;place-items:center;padding:16px;min-height:0;overflow:auto}
.painel{width:100%;max-width:400px;display:grid;gap:12px;padding:26px 24px;border-radius:18px;border:1px solid rgba(254,254,34,.35);background:rgba(18,16,12,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.6);animation:flutua 6s ease-in-out infinite}
.painel-logo{width:76px;height:76px;margin:0 auto;filter:drop-shadow(0 6px 18px rgba(254,254,34,.35))}
.painel-nome{text-align:center;line-height:1}
.painel-nome b{display:block;font:700 28px Montserrat,"Helvetica Neue",Arial,sans-serif;color:var(--ouro2)}
.painel-nome small{display:block;font-size:11px;letter-spacing:.42em;color:var(--mudo);margin-top:6px}
.painel-titulo{text-align:center;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);font-weight:600}
.tipo{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(0,0,0,.35);border-radius:12px;padding:4px}
.tipo button{background:transparent;color:var(--mudo);border:0;border-radius:9px;padding:9px;font:600 14px Inter,sans-serif;cursor:pointer;min-height:40px}
.tipo button[aria-selected=true]{background:rgba(254,254,34,.18);color:var(--ouro2)}
form{display:grid;gap:8px}
label{font-size:14px;color:var(--mudo)}
input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(254,254,34,.3);background:rgba(13,13,15,.7);color:var(--texto);font-size:16px}
input:focus{outline:2px solid var(--ouro2);outline-offset:1px}
form button{margin-top:6px;padding:12px;border:0;border-radius:99px;background:linear-gradient(135deg,#c9c912,var(--ouro2));color:#111;font-weight:700;font-size:16px;cursor:pointer;min-height:46px}
form button:hover{filter:brightness(1.08)}
.aviso{min-height:1.2em;font-size:14px;text-align:center;color:var(--mudo)}
.aviso.erro{color:#ff9a8a}
.painel-nota{text-align:center;font-size:12px;color:var(--mudo)}
.painel-nota b{color:var(--ouro2)}
.rodape{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 16px 14px;background:rgba(13,13,15,.9);font-size:13px}
.rodape a{color:var(--mudo);text-decoration:none}
.rodape .vix{display:inline-flex;align-items:center;gap:8px}
.rodape img{height:18px;width:auto;display:block}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (max-height:680px){.painel{padding:16px 20px;gap:8px}.painel-logo{width:52px;height:52px}.painel-nome b{font-size:22px}}
.painel-marca{width:min(220px,62vw);height:auto;margin:4px auto 0;filter:drop-shadow(0 6px 22px rgba(254,254,34,.25))}