.hero-section {
  background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.2), transparent 55%), radial-gradient(circle at bottom right, rgba(248, 113, 113, 0.15), transparent 60%), #050712;
}
.section.surface-contrast {
  background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), #020617);
}
.card:hover,
.accent-panel:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.cta-inner .pulse-glow {
  animation: subtle-pulse 4s ease-in-out infinite;
}
@media (max-width: 768px) {
  .hero-section {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
  }
}