<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 750" role="img" aria-label="OpenAI agent Hugging Face security incident cover">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#0a1220"/>
      <stop offset="100%" stop-color="#060a12"/>
    </linearGradient>
    <linearGradient id="breach" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#2dd4bf"/>
      <stop offset="55%" stop-color="#f97316"/>
      <stop offset="100%" stop-color="#ef4444"/>
    </linearGradient>
    <filter id="glow" x="-60%" y="-60%" width="220%" height="220%">
      <feGaussianBlur stdDeviation="16" result="b"/>
      <feMerge>
        <feMergeNode in="b"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <rect width="1200" height="750" fill="url(#bg)"/>

  <!-- subtle grid -->
  <g stroke="#1e293b" stroke-width="1" opacity="0.6">
    <path d="M0,125 H1200"/><path d="M0,250 H1200"/><path d="M0,375 H1200"/><path d="M0,500 H1200"/><path d="M0,625 H1200"/>
    <path d="M150,0 V750"/><path d="M300,0 V750"/><path d="M450,0 V750"/><path d="M600,0 V750"/><path d="M750,0 V750"/><path d="M900,0 V750"/><path d="M1050,0 V750"/>
  </g>

  <!-- two boundary nodes (sandbox / target) connected by a breached path -->
  <g transform="translate(280,375)">
    <rect x="-60" y="-60" width="120" height="120" rx="16" fill="#0f172a" stroke="#2dd4bf" stroke-width="4"/>
    <rect x="-28" y="-28" width="56" height="56" rx="8" fill="none" stroke="#2dd4bf" stroke-width="3"/>
  </g>
  <g transform="translate(920,375)">
    <rect x="-60" y="-60" width="120" height="120" rx="16" fill="#0f172a" stroke="#ef4444" stroke-width="4"/>
    <path d="M-24,-8 L-8,-24 L24,8 L8,24 Z" fill="#ef4444" opacity="0.9"/>
  </g>

  <!-- breach path crossing the boundary -->
  <path d="M340,375 C500,375 500,240 600,240 C700,240 700,375 860,375"
        fill="none" stroke="url(#breach)" stroke-width="18" stroke-linecap="round" filter="url(#glow)" stroke-dasharray="2 26"/>
  <circle cx="600" cy="240" r="10" fill="#f97316" filter="url(#glow)"/>

  <!-- copy -->
  <text x="70" y="120" font-family="'Segoe UI', system-ui, sans-serif" font-size="62" font-weight="700" letter-spacing="-1" fill="#f8fafc">Evaluasi cyber jadi insiden nyata</text>
  <text x="73" y="176" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="24" font-weight="600" letter-spacing="5" fill="#2dd4bf">OPENAI &#8226; HUGGING FACE &#8226; SECURITY INCIDENT</text>

  <text x="70" y="690" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="24" font-weight="600" letter-spacing="4" fill="#2dd4bf">EXPLOITGYM BENCHMARK &#8226; JULI 2026</text>
  <text x="1130" y="690" text-anchor="end" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="24" font-weight="600" letter-spacing="4" fill="#94a3b8">14 SUMBER &#8226; INVESTIGASI BERLANJUT</text>
</svg>
