@layer utilities {
      .text-gradient {
        background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .bg-gradient-primary {
        background: linear-gradient(135deg, #ff9600 0%, #e67600 100%);
      }
      .bg-gradient-accent {
        background: linear-gradient(135deg, #ff9600 0%, #e67600 100%);
      }
      .card-shadow {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      }
      .card-shadow-hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      }
      .animate-fade-in {
        animation: fadeIn 0.5s ease-in-out;
      }
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }