.primary-button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 16px 34px;

  border-radius: 60px;

  background: linear-gradient(135deg, var(--primary), var(--secondary));

  color: white;

  font-weight: 600;

  transition: 0.3s ease;

  border: none;

  cursor: pointer;
}

.primary-button:hover {
  transform: translateY(-3px);

  box-shadow: 0 15px 35px rgba(139, 92, 246, 0.35);
}

.section-title {
  font-size: 54px;

  line-height: 1.2;

  margin-bottom: 20px;
}

.section-description {
  color: var(--light-text);

  font-size: 18px;

  line-height: 1.8;
}

.feature-card {
  padding: 40px;

  border-radius: 30px;

  background: rgba(255, 255, 255, 0.05);

  border: 1px solid rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(16px);

  transition: 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-10px);
}