<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720">
  <defs>
    <!-- Deep navy background gradient -->
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#0d1b2a"/>
      <stop offset="50%"  stop-color="#0b1622"/>
      <stop offset="100%" stop-color="#07101a"/>
    </linearGradient>

    <!-- Red accent gradient -->
    <linearGradient id="redGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#e81f3e"/>
      <stop offset="100%" stop-color="#b01228"/>
    </linearGradient>

    <!-- PSL11 title red bar gradient -->
    <linearGradient id="titleBar" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%"   stop-color="#cc0e28" stop-opacity="0"/>
      <stop offset="20%"  stop-color="#e81f3e" stop-opacity="1"/>
      <stop offset="80%"  stop-color="#e81f3e" stop-opacity="1"/>
      <stop offset="100%" stop-color="#cc0e28" stop-opacity="0"/>
    </linearGradient>

    <!-- Cricket ball gradient (3D sphere feel) -->
    <radialGradient id="ball" cx="38%" cy="35%" r="60%">
      <stop offset="0%"   stop-color="#e84040"/>
      <stop offset="40%"  stop-color="#c0191d"/>
      <stop offset="100%" stop-color="#7a0008"/>
    </radialGradient>

    <!-- Green diagonal light streak -->
    <linearGradient id="streak1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#1a7a40" stop-opacity="0"/>
      <stop offset="40%"  stop-color="#1a7a40" stop-opacity="0.35"/>
      <stop offset="60%"  stop-color="#1a7a40" stop-opacity="0.35"/>
      <stop offset="100%" stop-color="#1a7a40" stop-opacity="0"/>
    </linearGradient>
    <linearGradient id="streak2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#00c853" stop-opacity="0"/>
      <stop offset="50%"  stop-color="#00c853" stop-opacity="0.18"/>
      <stop offset="100%" stop-color="#00c853" stop-opacity="0"/>
    </linearGradient>

    <!-- Glow filter for title -->
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="4" result="blur"/>
      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
    </filter>
    <filter id="softGlow" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur stdDeviation="8" result="blur"/>
      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
    </filter>
    <filter id="ballShadow">
      <feDropShadow dx="0" dy="6" stdDeviation="14" flood-color="#000" flood-opacity="0.55"/>
    </filter>
  </defs>

  <!-- Background -->
  <rect width="1280" height="720" fill="url(#bg)"/>

  <!-- Subtle diagonal lines texture -->
  <g opacity="0.04">
    <line x1="0" y1="180" x2="720" y2="900" stroke="#fff" stroke-width="1"/>
    <line x1="100" y1="0"  x2="1280" y2="820" stroke="#fff" stroke-width="1"/>
    <line x1="300" y1="0"  x2="1280" y2="640" stroke="#fff" stroke-width="1"/>
    <line x1="600" y1="0"  x2="1280" y2="440" stroke="#fff" stroke-width="1"/>
    <line x1="900" y1="0"  x2="1280" y2="240" stroke="#fff" stroke-width="1"/>
    <line x1="0" y1="400"  x2="600" y2="720"  stroke="#fff" stroke-width="1"/>
  </g>

  <!-- Pakistan green light streaks -->
  <polygon points="-100,720 480,0 680,0 260,720"      fill="url(#streak1)" opacity="0.7"/>
  <polygon points="600,0    900,0   1400,720 1100,720" fill="url(#streak2)" opacity="0.8"/>

  <!-- Red border frame -->
  <rect x="2" y="2" width="1276" height="716" fill="none" stroke="#e81f3e" stroke-width="3" rx="4"/>
  <rect x="7" y="7" width="1266" height="706" fill="none" stroke="rgba(255,255,255,0.06)" stroke-width="1" rx="3"/>

  <!-- ── 2026 watermark number ── -->
  <text x="640" y="480" font-family="Arial Black, Impact, sans-serif"
        font-size="380" font-weight="900" fill="rgba(255,255,255,0.05)"
        text-anchor="middle" letter-spacing="-10">2026</text>

  <!-- ── PSL 11 title bar ── -->
  <rect x="290" y="68" width="700" height="6" rx="3" fill="url(#titleBar)"/>
  <text x="640" y="155"
        font-family="Arial Black, Impact, sans-serif"
        font-size="116" font-weight="900" fill="#ffffff"
        text-anchor="middle" letter-spacing="-2"
        filter="url(#glow)">PSL <tspan fill="#e81f3e">11</tspan></text>
  <rect x="290" y="166" width="700" height="6" rx="3" fill="url(#titleBar)"/>

  <!-- ── Cricket ball (center) ── -->
  <!-- Glow ring -->
  <circle cx="640" cy="390" r="110" fill="none" stroke="#e81f3e" stroke-width="3" opacity="0.35"/>
  <circle cx="640" cy="390" r="118" fill="none" stroke="#e81f3e" stroke-width="1" opacity="0.15"/>
  <!-- White ring -->
  <circle cx="640" cy="390" r="102" fill="none" stroke="#ffffff" stroke-width="6" opacity="0.9" filter="url(#ballShadow)"/>
  <!-- Ball body -->
  <circle cx="640" cy="390" r="96" fill="url(#ball)" filter="url(#ballShadow)"/>
  <!-- Ball shine highlight -->
  <ellipse cx="605" cy="355" rx="28" ry="18" fill="rgba(255,255,255,0.18)" transform="rotate(-30,605,355)"/>
  <!-- Seam - horizontal curve -->
  <path d="M548,390 Q600,340 692,390" fill="none" stroke="rgba(255,255,255,0.85)" stroke-width="2.2" stroke-linecap="round"/>
  <path d="M548,390 Q600,440 692,390" fill="none" stroke="rgba(255,255,255,0.85)" stroke-width="2.2" stroke-linecap="round"/>
  <!-- Seam stitches top -->
  <g stroke="rgba(255,255,255,0.7)" stroke-width="1.5" stroke-linecap="round">
    <line x1="565" y1="382" x2="560" y2="370"/>
    <line x1="577" y1="368" x2="572" y2="356"/>
    <line x1="591" y1="358" x2="589" y2="345"/>
    <line x1="607" y1="351" x2="606" y2="338"/>
    <line x1="624" y1="348" x2="623" y2="335"/>
    <line x1="641" y1="349" x2="641" y2="336"/>
    <line x1="657" y1="352" x2="657" y2="339"/>
    <line x1="672" y1="359" x2="673" y2="346"/>
  </g>
  <!-- Seam stitches bottom -->
  <g stroke="rgba(255,255,255,0.7)" stroke-width="1.5" stroke-linecap="round">
    <line x1="565" y1="398" x2="560" y2="410"/>
    <line x1="577" y1="412" x2="572" y2="424"/>
    <line x1="591" y1="422" x2="589" y2="435"/>
    <line x1="607" y1="429" x2="606" y2="442"/>
    <line x1="624" y1="432" x2="623" y2="445"/>
    <line x1="641" y1="431" x2="641" y2="444"/>
    <line x1="657" y1="428" x2="657" y2="441"/>
    <line x1="672" y1="421" x2="673" y2="434"/>
  </g>

  <!-- ── PAKISTAN SUPER LEAGUE label ── -->
  <text x="640" y="543"
        font-family="Arial, Helvetica, sans-serif"
        font-size="38" font-weight="700" fill="#ffffff"
        text-anchor="middle" letter-spacing="10" opacity="0.92">PAKISTAN SUPER LEAGUE</text>

  <!-- ── Image Coming Soon ── -->
  <text x="640" y="680"
        font-family="Arial, Helvetica, sans-serif"
        font-size="20" fill="rgba(255,255,255,0.30)"
        text-anchor="middle" letter-spacing="3">IMAGE COMING SOON</text>
</svg>
