/* Catalis · a porta de entrada (L1, 30/09/2026). Só o que muda em relação ao
   login da plataforma (.wf-auth de app.css): o painel da esquerda na cor do
   Catalis, com o símbolo (os três arcos e o disco) girando devagar, e o
   botão principal verde. O formulário é o mesmo. */
.cat-login { --cat-tinta: #0C1C2E; --cat-verde: #2FF08A; --cat-azul: #3FB5FF; }

.cat-login__aside {
  background:
    radial-gradient(circle at 18% 12%, rgba(47,240,138,.14), transparent 42%),
    radial-gradient(circle at 90% 88%, rgba(63,181,255,.16), transparent 45%),
    var(--cat-tinta);
  color: #EDF1F7; align-items: flex-start; text-align: left;
}
.cat-login__arte {
  position: absolute; right: -14%; bottom: -16%; width: 72%; max-width: 560px; z-index: 0; opacity: .9; pointer-events: none;
  animation: cat-gira 60s linear infinite; transform-origin: 50% 50%;
}
.cat-login__arte .d { animation: cat-pulsa 3s ease-in-out infinite; transform-origin: 84px 50px; }
@keyframes cat-gira { to { transform: rotate(360deg); } }
@keyframes cat-pulsa { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }

.cat-login__conteudo { max-width: 460px; }
.cat-login__marca { height: 50px; width: auto; margin-bottom: 44px; display: block; }
.cat-login__titulo { font-size: 2.4rem; font-weight: 700; letter-spacing: -.04em; line-height: 1.08; color: #fff; margin: 0 0 16px; }
.cat-login__texto { font-size: 1.05rem; line-height: 1.55; color: rgba(237,241,247,.78); margin: 0; max-width: 42ch; }

.cat-login__marca-form { height: 28px; width: 28px; }
.cat-login__h2 { font-size: 20px; font-weight: 700; letter-spacing: -.4px; margin-bottom: 3px; }
.cat-login__h3 { font-size: 17px; font-weight: 700; letter-spacing: -.3px; margin-bottom: 4px; }
.cat-login .wf-authtabs button.is-active { box-shadow: inset 0 -2px 0 var(--cat-tinta); }

.cat-login__btn { background: var(--cat-verde); color: var(--cat-tinta); border: 0; font-weight: 600; }
.cat-login__btn:hover, .cat-login__btn:focus { background: #25D97A; color: var(--cat-tinta); }
.cat-login__btn:disabled { background: #9FE9C2; color: var(--cat-tinta); }
.cat-login__outra { border-top: 1px solid var(--line); padding-top: 16px; }
.cat-login__sem .bi { color: var(--cat-tinta); }

@media (max-width: 900px) {
  .cat-login__arte { width: 60%; right: -18%; bottom: -30%; opacity: .5; }
  .cat-login__marca { height: 36px; margin-bottom: 24px; }
  .cat-login__titulo { font-size: 1.7rem; }
  .cat-login__texto { font-size: .95rem; margin-bottom: 16px; }
  }
@media (prefers-reduced-motion: reduce) {
  .cat-login__arte, .cat-login__arte .d { animation: none; }
}