@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Space+Grotesk:wght@500;700&display=swap');

:root {
  --primary: #050A30;
  --accent: #00FFC2;
  --soft: #F4F7FF;
  --dark: #0C1221;
}

body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
  background-color: var(--soft);
  color: var(--primary);
}

h1, h2, h3, h4 {
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -0.02em;
}

/* Animazioni morbide per scorrimento */
.reveal-element {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}

.reveal-element.active {
  opacity: 1;
  transform: translateY(0);
}

/* Stile custom per le sezioni Hero */
.hero-gradient {
  background: radial-gradient(circle at top right, #0C1221 0%, #050A30 100%);
}

/* Button hover effect */
.btn-tech {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-tech::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: 0.5s;
  z-index: -1;
}

.btn-tech:hover::after {
  left: 100%;
}