:root {
  --color-recruit-blue: #0077b6;
  --color-recruit-light-blue: #00b4d8;
  --color-recruit-light: #caf0f8;
  --color-recruit-dark: #03045e;
  --color-recruit-gray: #f8f9fa;
}

.text-recruit-blue {
  color: var(--color-recruit-blue);
}

.gradient-bg {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%);
}

.floating-card {
  animation: float 6s ease-in-out infinite;
}

.floating-card:nth-child(2) {
  animation-delay: -2s;
}

.floating-card:nth-child(3) {
  animation-delay: -4s;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(1deg);
  }
}

.gradient-text {
  background-image: linear-gradient(
    90deg,
    var(--color-recruit-blue),
    var(--color-recruit-light-blue)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-gradient {
  background-image: linear-gradient(
    135deg,
    #ffffff 0%,
    var(--color-recruit-light) 50%,
    rgba(0, 180, 216, 0.2) 100%
  );
}