.homepage-button-primary {
  padding: 16px 40px;
  font-size: 18px;
  border-radius: 30px;
  box-shadow: 0 8px 24px rgba(24, 144, 255, 0.4);
  transition: all 0.3s ease;
}

.homepage-button-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(24, 144, 255, 0.5);
}

.homepage-button-secondary {
  padding: 16px 40px;
  font-size: 18px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}

.homepage-button-secondary:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
  color: #fff;
}

.homepage-card {
  transition: all 0.3s ease;
}

.homepage-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.homepage-feature-card {
  transition: all 0.3s ease;
  border: 1px solid #f0f0f0;
}

.homepage-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
  border-color: #1890ff;
}

.homepage-pricing-card {
  transition: all 0.3s ease;
  border: 1px solid #f0f0f0;
}

.homepage-pricing-card:hover {
  transform: scale(1.02);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
}

.homepage-pricing-card-popular {
  border: 2px solid #1890ff;
  position: relative;
}

.homepage-pricing-card-popular:hover {
  border-color: #40a9ff;
}

.homepage-footer-link {
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s ease;
}

.homepage-footer-link:hover {
  color: #fff;
}

.homepage-social-icon {
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
}

.homepage-social-icon:hover {
  color: #fff;
  transform: translateY(-2px);
}
