@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

.hero-gradient {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

.btn-primary {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-primary:hover {
  transform: scale(1.05);
  box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1),
    0 0.4rem 0.6rem -0.2rem rgba(0, 0, 0, 0.05);
}

.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0 2rem 2.5rem -0.5rem rgba(0, 0, 0, 0.1),
    0 1rem 1rem -0.5rem rgba(0, 0, 0, 0.04);
}

.input-focus:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 0.3rem rgba(59, 130, 246, 0.5);
  outline: none;
}

.mobile-menu {
  transition: transform 0.3s ease-in-out;
}

.section-scroll {
  scroll-margin-top: 8rem;
}