/* Tela de entrada: a abertura do COMUNIX rodando atrás do painel, em silêncio e em loop (estrelas, grade, o símbolo e
   as palavras da agência). O painel fica por cima, em vidro escuro. Sem nada da internet. */
.entrar-page{position:relative;min-height:calc(100vh - 9rem)}
.entrar-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#05010F;pointer-events:none;
  --display:"Avenir Next Condensed","Avenir Next","Helvetica Neue","Arial Narrow",sans-serif}
.entrar-stars{position:absolute;inset:0;width:100%;height:100%}
.entrar-grid{position:absolute;inset:-50%;background:linear-gradient(rgba(105,43,248,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(105,43,248,.16) 1px,transparent 1px);
  background-size:64px 64px;transform:perspective(600px) rotateX(64deg) translateY(30%);opacity:.45;animation:entrar-grid 5s linear infinite}
@keyframes entrar-grid{to{background-position:0 64px,0 0}}
.entrar-symbol{position:absolute;left:50%;top:50%;width:min(72vw,680px);transform:translate(-50%,-50%);opacity:.22;filter:drop-shadow(0 0 36px rgba(105,43,248,.75));animation:entrar-beat 7s ease-in-out infinite}
.entrar-symbol svg{width:100%;height:auto;display:block}
.entrar-symbol path{fill:none;stroke:#BA75FC;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;animation:entrar-draw 9s ease-in-out infinite alternate}
.entrar-symbol path:nth-child(2){animation-delay:.6s}.entrar-symbol path:nth-child(3){animation-delay:1.2s}.entrar-symbol path:nth-child(4){animation-delay:1.8s}
@keyframes entrar-draw{0%{stroke-dashoffset:1;opacity:.3}35%{stroke-dashoffset:0;opacity:1}75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1;opacity:.3}}
@keyframes entrar-beat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}
.entrar-words{position:absolute;inset:0;margin:0;padding:0;list-style:none;font-family:var(--display)}
.entrar-words li{position:absolute;font-weight:800;text-transform:uppercase;font-size:clamp(26px,5.5vw,80px);letter-spacing:.04em;line-height:1;color:#fff;background:#4500F9;
  padding:.08em .3em;opacity:0;animation:entrar-word 30s linear infinite;white-space:nowrap}
.entrar-words li:nth-child(odd){font-weight:300;background:#280091}
.entrar-words li:nth-child(1){left:6%;top:14%;animation-delay:0s}
.entrar-words li:nth-child(2){right:7%;top:22%;animation-delay:5s}
.entrar-words li:nth-child(3){left:10%;bottom:24%;animation-delay:10s}
.entrar-words li:nth-child(4){right:12%;bottom:16%;animation-delay:15s}
.entrar-words li:nth-child(5){left:42%;top:8%;animation-delay:20s}
.entrar-words li:nth-child(6){right:30%;bottom:8%;animation-delay:25s}
@keyframes entrar-word{0%{opacity:0;transform:translateY(18px)}2.5%{opacity:.92;transform:none}12%{opacity:.92}14.5%{opacity:0;transform:translateY(-18px)}100%{opacity:0}}
.entrar-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.82) 100%)}

/* The panel, in dark glass over the stage */
.entrar-page .auth-wrap{position:relative;z-index:1}
.entrar-page .panel{background:rgba(18,0,62,.66);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(186,117,252,.38);color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.entrar-page .panel h1{color:#fff}
.entrar-page .panel .muted,.entrar-page .panel label{color:rgba(255,255,255,.78)}
.entrar-page .panel input{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28)}
.entrar-page .panel input:focus{border-color:#BA75FC;box-shadow:0 0 0 3px rgba(186,117,252,.3);outline:none}
.entrar-page .panel button[type=submit]{background:#4500F9;border-color:#4500F9;color:#fff}
.entrar-page .panel button[type=submit]:hover{background:#692BF8}
.entrar-page .notice.danger{background:rgba(161,40,40,.35);color:#fff;border-color:rgba(255,255,255,.2)}
.entrar-page .auth-logo{filter:drop-shadow(0 6px 24px rgba(0,0,0,.5))}
@media (prefers-reduced-motion:reduce){.entrar-grid,.entrar-symbol,.entrar-symbol path,.entrar-words li{animation:none}.entrar-words li{opacity:.6}.entrar-stars{display:none}}
.entrar-page .auth-tag{text-align:center;margin:-.6rem 0 1.2rem;color:#CFC3F2;font-family:"Avenir Next Condensed","Avenir Next","Arial Narrow",sans-serif;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;font-weight:300}.entrar-page .auth-tag b{font-weight:800;color:#fff}