<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <rect width="400" height="400" fill="#f3f4f6"/>

  <!-- Bank building -->
  <g transform="translate(130, 50)">
    <rect x="0" y="0" width="140" height="100" fill="#3b82f6"/>
    <rect x="20" y="20" width="20" height="30" fill="white"/>
    <rect x="50" y="20" width="20" height="30" fill="white"/>
    <rect x="80" y="20" width="20" height="30" fill="white"/>
    <rect x="110" y="20" width="20" height="30" fill="white"/>
    <rect x="50" y="60" width="40" height="40" fill="white"/>
    <path d="M -10 0 L 70 -30 L 150 0 Z" fill="#1e40af"/>
  </g>

  <!-- Loan details -->
  <g transform="translate(60, 170)">
    <rect x="0" y="0" width="280" height="120" rx="10" fill="white" stroke="#d1d5db" stroke-width="2"/>

    <g transform="translate(20, 25)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Loan Amount</text>
      <text x="0" y="24" font-family="system-ui" font-size="18" fill="#3b82f6" font-weight="bold">$100,000</text>
    </g>

    <g transform="translate(150, 25)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Interest Rate</text>
      <text x="0" y="24" font-family="system-ui" font-size="18" fill="#f59e0b" font-weight="bold">5.5%</text>
    </g>

    <g transform="translate(20, 70)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Term</text>
      <text x="0" y="24" font-family="system-ui" font-size="18" fill="#6b7280" font-weight="bold">30 years</text>
    </g>

    <g transform="translate(150, 70)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Payment Type</text>
      <text x="0" y="24" font-family="system-ui" font-size="18" fill="#6b7280" font-weight="bold">Monthly</text>
    </g>
  </g>

  <!-- Monthly payment -->
  <g transform="translate(100, 310)">
    <rect x="0" y="0" width="200" height="60" rx="10" fill="#10b981"/>
    <text x="100" y="25" text-anchor="middle" font-family="system-ui" font-size="14" fill="white">Monthly Payment</text>
    <text x="100" y="48" text-anchor="middle" font-family="system-ui" font-size="24" fill="white" font-weight="bold">$568</text>
  </g>

  <text x="200" y="390" text-anchor="middle" font-family="system-ui" font-size="16" font-weight="600" fill="#1f2937">Loan Payment Calculator</text>
</svg>
