@layer {
  .text-gradient-1 {
    background-image: linear-gradient(90deg, #ec4899, #8b5cf6, #2563eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .bg-gradient-1 {
    background: linear-gradient(135deg, #ec4899, #8b5cf6, #2563eb);
  }

  .from-blue-900-to-gray-900 {
    background: linear-gradient(to bottom, #1d2635, #0f172a);
  }

  .from-blue-50-to-purple-50 {
    background: linear-gradient(to bottom, #f0f9ff, #f5f7ff);
  }
}