.elementor-kit-13{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   VARIÁVEIS DE TEMA
================================ */
:root {
  --bg-dark-1: #0b0014;
  --bg-dark-2: #1a0629;
  --bg-dark-3: #2d0a42;
  --accent-1: #8e2de2;
  --accent-2: #c77dff;
  --overlay-dark: rgba(0, 0, 0, 0.65);
}

/* ================================
   FUNDO GLOBAL (ATRÁS DO POPUP)
================================ */
.auth-background {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: linear-gradient(
    120deg,
    var(--bg-dark-1),
    var(--bg-dark-2),
    var(--bg-dark-3)
  );
  background-size: 300% 300%;
  animation: gradientFlow 18s ease infinite;
}

/* ================================
   VINHETA (FOCO NO CENTRO)
================================ */
.auth-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 55%,
    rgba(0, 0, 0, 0.85) 100%
  );
  pointer-events: none;
}

/* ================================
   PARTÍCULAS SUAVES (SIMULADAS)
================================ */
.auth-particles {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.08) 0%, transparent 100%),
    radial-gradient(1px 1px at 80% 40%, rgba(255,255,255,0.06) 0%, transparent 100%),
    radial-gradient(1px 1px at 50% 70%, rgba(255,255,255,0.05) 0%, transparent 100%),
    radial-gradient(1px 1px at 30% 80%, rgba(255,255,255,0.04) 0%, transparent 100%);
  animation: particlesDrift 40s linear infinite;
  pointer-events: none;
}

/* ================================
   OVERLAY ESCURO PARA LEGIBILIDADE
================================ */
.auth-overlay {
  position: absolute;
  inset: 0;
  background: var(--overlay-dark);
  backdrop-filter: blur(6px);
}

/* ================================
   POPUP DE LOGIN
================================ */
.auth-modal {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 520px;
  margin: auto;
  padding: 40px 48px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* ================================
   ANIMAÇÕES
================================ */
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes particlesDrift {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-120px);
  }
}

/* ================================
   RESPONSIVIDADE
================================ */
@media (max-width: 768px) {
  .auth-modal {
    padding: 32px 28px;
    border-radius: 10px;
  }
}/* End custom CSS */