/* Configurações Globais */
html, body { 
  height: 100%; 
  margin: 0; 
  box-sizing: border-box; 
}

/* Efeitos Visuais e Animações */
.glow-border:hover { 
  border-color: #1879e3; 
  box-shadow: 0 0 20px rgba(24,121,227,0.15); 
}

.fade-in { 
  opacity: 0; 
  transform: translateY(30px); 
  transition: opacity 0.8s ease, transform 0.8s ease; 
}

.fade-in.visible { 
  opacity: 1; 
  transform: translateY(0); 
}

/* Backgrounds Complexos */
.hero-bg { 
  background: linear-gradient(135deg, rgba(24,121,227,0.05) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.95) 100%), 
              url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:rgba(24,121,227,0.1)"/><stop offset="100%" style="stop-color:rgba(0,0,0,0)"/></linearGradient></defs><rect fill="url(%23grad)" width="1200" height="600"/></svg>'); 
  background-size: cover; 
}

.stars { 
  background-image: radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent), 
                    radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent), 
                    radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent), 
                    radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.2), transparent), 
                    radial-gradient(2px 2px at 160px 30px, rgba(255,255,255,0.3), transparent); 
  background-size: 200px 100px; 
}

.final-cta-bg {
  background: linear-gradient(135deg, rgba(24,121,227,0.1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.95) 100%);
}

/* Componentes */
.btn-cta { 
  transition: all 0.3s ease; 
  box-shadow: 0 0 15px rgba(24,121,227,0.3); 
}

.btn-cta:hover { 
  transform: translateY(-2px); 
  box-shadow: 0 0 30px rgba(24,121,227,0.5); 
}

.nebula { 
  position: absolute; 
  border-radius: 50%; 
  filter: blur(80px); 
  opacity: 0.1; 
  pointer-events: none; 
}

.service-card { 
  transition: all 0.3s ease; 
}

.service-card:hover { 
  transform: translateY(-8px); 
  box-shadow: 0 10px 30px rgba(24,121,227,0.2); 
}

.differential-item { 
  display: flex; 
  align-items: center; 
  gap: 12px; 
  margin-bottom: 16px; 
}

.differential-item::before { 
  content: '✓'; 
  color: #1879e3; 
  font-weight: 900; 
  font-size: 24px; 
}