@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&display=swap");
* {
  font-family: "Inter", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Sora", sans-serif;
}
body {
  background: linear-gradient(135deg, #0f172a 0%, #0d1117 50%, #1a1f35 100%);
  color: #e5e7eb;
  min-height: 100vh;
}
.gradient-text {
  color: #0a4980;
}
.gradient-glow {
  box-shadow: 0 0 40px rgba(10, 73, 128, 0.3);
}
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(10, 73, 128, 0.2);
}
.blob {
  position: absolute;
  background: radial-gradient(
    circle at 30% 30%,
    rgba(10, 73, 128, 0.15),
    transparent 50%
  );
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
  animation: blob-animation 8s infinite;
}
@keyframes blob-animation {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  25% {
    transform: translate(20px, -50px) scale(1.1);
  }
  50% {
    transform: translate(-20px, 20px) scale(0.9);
  }
  75% {
    transform: translate(50px, 50px) scale(1.05);
  }
}