<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 280" fill="none">
  <defs>
    <linearGradient id="s3Grad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#833AB4"/>
      <stop offset="100%" stop-color="#E1306C"/>
    </linearGradient>
  </defs>
  <rect width="400" height="280" rx="20" fill="#f8f8f8"/>
  <!-- Track cards -->
  <rect x="40" y="40" width="150" height="80" rx="14" fill="white" stroke="#E0E0E0" stroke-width="1.5" filter="drop-shadow(0 4px 8px rgba(0,0,0,0.08))"/>
  <rect x="40" y="40" width="150" height="8" rx="4" fill="url(#s3Grad)"/>
  <text x="55" y="68" font-family="Arial" font-size="16">💪</text>
  <text x="78" y="68" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="13" fill="#212121">Fitness</text>
  <text x="55" y="84" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E">127 posts • 15 actions</text>
  <rect x="55" y="94" width="80" height="4" rx="2" fill="url(#s3Grad)" opacity="0.6"/>
  <rect x="55" y="94" width="120" height="4" rx="2" fill="#E0E0E0"/>
  <rect x="55" y="94" width="80" height="4" rx="2" fill="url(#s3Grad)"/>
  <text x="165" y="100" font-family="Inter,-apple-system,sans-serif" font-size="8" fill="#833AB4">67%</text>

  <rect x="210" y="40" width="150" height="80" rx="14" fill="white" stroke="#E0E0E0" stroke-width="1.5" filter="drop-shadow(0 4px 8px rgba(0,0,0,0.08))"/>
  <rect x="210" y="40" width="150" height="8" rx="4" fill="url(#s3Grad)"/>
  <text x="225" y="68" font-family="Arial" font-size="16">💼</text>
  <text x="248" y="68" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="13" fill="#212121">Business</text>
  <text x="225" y="84" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E">156 posts • 12 strategies</text>
  <rect x="225" y="94" width="120" height="4" rx="2" fill="#E0E0E0"/>
  <rect x="225" y="94" width="54" height="4" rx="2" fill="url(#s3Grad)"/>
  <text x="335" y="100" font-family="Inter,-apple-system,sans-serif" font-size="8" fill="#833AB4">45%</text>

  <rect x="40" y="140" width="150" height="80" rx="14" fill="white" stroke="#E0E0E0" stroke-width="1.5" filter="drop-shadow(0 4px 8px rgba(0,0,0,0.08))"/>
  <rect x="40" y="140" width="150" height="8" rx="4" fill="url(#s3Grad)"/>
  <text x="55" y="168" font-family="Arial" font-size="16">🍳</text>
  <text x="78" y="168" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="13" fill="#212121">Cooking</text>
  <text x="55" y="184" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E">203 posts • 8 recipes</text>
  <rect x="55" y="194" width="120" height="4" rx="2" fill="#E0E0E0"/>
  <rect x="55" y="194" width="36" height="4" rx="2" fill="url(#s3Grad)"/>
  <text x="165" y="200" font-family="Inter,-apple-system,sans-serif" font-size="8" fill="#833AB4">30%</text>

  <rect x="210" y="140" width="150" height="80" rx="14" fill="white" stroke="#E0E0E0" stroke-width="1.5" filter="drop-shadow(0 4px 8px rgba(0,0,0,0.08))"/>
  <rect x="210" y="140" width="150" height="8" rx="4" fill="url(#s3Grad)"/>
  <text x="225" y="168" font-family="Arial" font-size="16">📚</text>
  <text x="248" y="168" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="13" fill="#212121">Learning</text>
  <text x="225" y="184" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#9E9E9E">261 posts • 20 lessons</text>
  <rect x="225" y="194" width="120" height="4" rx="2" fill="#E0E0E0"/>
  <rect x="225" y="194" width="90" height="4" rx="2" fill="url(#s3Grad)"/>
  <text x="335" y="200" font-family="Inter,-apple-system,sans-serif" font-size="8" fill="#833AB4">75%</text>

  <text x="200" y="250" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="16" fill="#212121" text-anchor="middle">Organized Tracks</text>
  <text x="200" y="268" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#9E9E9E" text-anchor="middle">Custom categories • Action-ready items</text>
</svg>
