/* DeFi Auth Theme - login e registro visualmente distintos do tema antigo */

/* Fundo geral com gradiente sutil e textura */
body.defi-auth {
  background: radial-gradient(1200px 800px at 20% 10%, rgba(75,85,99,0.14), transparent),
              radial-gradient(900px 600px at 90% 20%, rgba(99,102,241,0.12), transparent),
              radial-gradient(1000px 700px at 50% 100%, rgba(16,185,129,0.10), transparent),
              #0b0f1a !important;
  color: #e5e7eb;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Helvetica, Arial, sans-serif;
}

/* Container de autenticação com glassmorphism */
.defi-auth .authincation-content {
  background: rgba(15, 23, 42, 0.65) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(16px) !important;
  border-radius: 18px !important;
  padding: 28px !important;
}

/* remover vestígios de bordas/cores antigas em elementos genéricos dentro do card */
.defi-auth .authincation-content .card,
.defi-auth .authincation-content .panel,
.defi-auth .authincation-content .box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.defi-auth .auth-form h4,
.defi-auth .auth-form label {
  color: #d1d5db !important;
}

/* Inputs com borda reativa */
.defi-auth .auth-form .form-control,
.defi-auth .auth-form .form-control-lg {
  background: rgba(2, 6, 23, 0.55) !important;
  border: 1px solid rgba(148,163,184,0.22) !important;
  color: #e5e7eb !important;
  border-radius: 12px !important;
  height: 50px;
}

.defi-auth .auth-form .form-control:focus,
.defi-auth .auth-form .form-control-lg:focus {
  box-shadow: 0 0 0 4px rgba(99,102,241,0.18) !important;
  border-color: rgba(99,102,241,0.65) !important;
}

.defi-auth .form-check-label,
.defi-auth .form-check-input {
  cursor: pointer;
}

/* Botão primário com gradiente DeFi */
.defi-auth .btn-primary {
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #22d3ee 100%) !important;
  border: 0 !important;
  color: #0b1020 !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  border-radius: 12px !important;
  height: 48px;
  box-shadow: 0 10px 30px rgba(99,102,241,0.35), inset 0 1px 0 rgba(255,255,255,0.25) !important;
  transition: transform .15s ease, box-shadow .2s ease !important;
}

.defi-auth .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 36px rgba(99,102,241,0.45) !important;
}

.defi-auth .btn-primary:active {
  transform: translateY(0);
}

/* Botão com texto + ícone SVG */
.defi-auth .btn-defi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.defi-auth .btn-defi .btn-text { line-height: 1; }

.defi-auth .btn-defi .btn-icon {
  width: 22px; height: 22px;
  stroke: #0b1020; fill: none; stroke-width: 2.2;
}

/* Links auxiliares */
.defi-auth a { color: #93c5fd; }
.defi-auth a:hover { color: #bfdbfe; }

/* Caixa de idiomas no rodapé do card */
.defi-auth .btn-group.btn-group-sm .btn {
  background: rgba(2,6,23,0.55) !important;
  border: 1px solid rgba(148,163,184,0.25) !important;
  border-radius: 10px !important;
}

/* Logo com leve brilho */
.defi-auth .auth-form img {
  filter: drop-shadow(0 6px 24px rgba(59,130,246,0.20));
}

/* Alerts (registro) */
.defi-auth .alert-success {
  background: rgba(16,185,129,0.12) !important;
  border-color: rgba(16,185,129,0.35) !important;
  color: #a7f3d0 !important;
}

.defi-auth .alert-danger {
  background: rgba(239,68,68,0.10) !important;
  border-color: rgba(239,68,68,0.35) !important;
  color: #fecaca !important;
}

/* Ajustes responsivos */
@media (max-width: 576px) {
  .defi-auth .authincation-content { padding: 22px !important; }
  .defi-auth .auth-form .form-control,
  .defi-auth .auth-form .form-control-lg { height: 46px; }
  .defi-auth .btn-primary { height: 46px; }
}