/* ============================================================
   Logble — accounts/login.css
   Estilos customizados que complementam o Tailwind CSS.
   Aqui ficam apenas o que o Tailwind não consegue expressar
   nativamente (radial-gradient, keyframes, etc.)
   ============================================================ */

/* ── Gradientes de fundo ─────────────────────────────────── */
.bg-radial-lime {
  background: radial-gradient(circle, rgba(200, 240, 74, 0.07) 0%, transparent 70%);
}

.bg-radial-teal {
  background: radial-gradient(circle, rgba(127, 255, 212, 0.06) 0%, transparent 70%);
}

/* ── Keyframes ───────────────────────────────────────────── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Classes de animação ─────────────────────────────────── */
.animate-fade-up {
  animation: fadeUp 0.5s ease 0.1s both;
}

.animate-fade-down {
  animation: fadeDown 0.6s ease both;
}

/* ── Sombras customizadas ────────────────────────────────── */
.shadow-card {
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);
}

.shadow-lime {
  box-shadow: 0 8px 24px rgba(200, 240, 74, 0.25);
}