body {
      font-family: 'Inter', sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .cat-hover {
      transition: all 0.2s ease;
    }
    .cat-hover:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
      border-color: #F59E0B;
    }
    .p-card {
      transition: all 0.2s ease;
    }
    .p-card:hover {
      border-color: #F59E0B;
      transform: translateY(-2px);
      box-shadow: 0 12px 24px -6px rgba(245, 158, 11, 0.12), 0 4px 10px rgba(0,0,0,0.04);
    }
    .hero-bg {
      background: radial-gradient(circle at 70% 40%, rgba(245, 158, 11, 0.15) 0%, rgba(15, 23, 42, 0) 70%),
                  linear-gradient(135deg, #0A0F1D 0%, #0F172A 60%, #1E293B 100%);
    }