<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="900" viewBox="0 0 1200 900" fill="none">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1200" y2="900" gradientUnits="userSpaceOnUse">
      <stop stop-color="#0F172A"/>
      <stop offset="1" stop-color="#1E293B"/>
    </linearGradient>
    <linearGradient id="card" x1="260" y1="180" x2="940" y2="760" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FBBF24"/>
      <stop offset="1" stop-color="#F59E0B"/>
    </linearGradient>
  </defs>
  <rect width="1200" height="900" fill="url(#bg)"/>
  <g opacity="0.15">
    <circle cx="220" cy="180" r="120" fill="#fff"/>
    <circle cx="980" cy="720" r="160" fill="#fff"/>
  </g>
  <rect x="250" y="160" width="700" height="580" rx="36" fill="url(#card)"/>
  <rect x="350" y="260" width="500" height="380" rx="24" fill="#111827"/>
  <path d="M460 420V360C460 282.68 522.68 220 600 220C677.32 220 740 282.68 740 360V420" stroke="#FCD34D" stroke-width="36" stroke-linecap="round"/>
  <rect x="460" y="420" width="280" height="190" rx="24" fill="#FCD34D"/>
  <circle cx="600" cy="500" r="34" fill="#1F2937"/>
  <rect x="586" y="530" width="28" height="56" rx="14" fill="#1F2937"/>
  <text x="600" y="705" fill="#F9FAFB" font-family="Arial, sans-serif" font-size="42" font-weight="700" text-anchor="middle">KHÓA CỬA CAO CẤP</text>
</svg>
