<svg width="1200" height="600" viewBox="0 0 1200 600" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- Background Gradient -->
  <defs>
    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#2563eb;stop-opacity:0.1"/>
      <stop offset="100%" style="stop-color:#1d4ed8;stop-opacity:0.2"/>
    </linearGradient>
    <pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse">
      <path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/>
    </pattern>
  </defs>
  
  <!-- Grid Background -->
  <rect width="1200" height="600" fill="url(#grid)"/>
  
  <!-- Abstract Financial Elements -->
  <!-- Dollar Signs -->
  <g opacity="0.3">
    <text x="100" y="150" font-family="Arial, sans-serif" font-size="24" fill="rgba(255,255,255,0.3)">$</text>
    <text x="300" y="100" font-family="Arial, sans-serif" font-size="18" fill="rgba(255,255,255,0.2)">€</text>
    <text x="800" y="200" font-family="Arial, sans-serif" font-size="20" fill="rgba(255,255,255,0.25)">zł</text>
    <text x="1000" y="120" font-family="Arial, sans-serif" font-size="16" fill="rgba(255,255,255,0.2)">$</text>
  </g>
  
  <!-- Geometric Shapes -->
  <g opacity="0.4">
    <!-- Circles representing coins -->
    <circle cx="200" cy="300" r="25" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="2"/>
    <circle cx="900" cy="400" r="30" fill="none" stroke="rgba(255,255,255,0.25)" stroke-width="2"/>
    <circle cx="600" cy="150" r="20" fill="none" stroke="rgba(255,255,255,0.35)" stroke-width="2"/>
    
    <!-- Rectangles representing bills/cards -->
    <rect x="400" y="350" width="80" height="50" rx="4" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="2"/>
    <rect x="700" y="500" width="90" height="55" rx="4" fill="none" stroke="rgba(255,255,255,0.25)" stroke-width="2"/>
    
    <!-- Triangles -->
    <path d="M 150 400 L 180 350 L 120 350 Z" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="2"/>
    <path d="M 950 300 L 980 250 L 920 250 Z" fill="none" stroke="rgba(255,255,255,0.25)" stroke-width="2"/>
  </g>
  
  <!-- Chart/Graph Elements -->
  <g opacity="0.5">
    <!-- Rising chart line -->
    <path d="M 50 450 L 150 400 L 250 350 L 350 320 L 450 280" fill="none" stroke="rgba(34,197,94,0.6)" stroke-width="3"/>
    <circle cx="50" cy="450" r="3" fill="rgba(34,197,94,0.8)"/>
    <circle cx="150" cy="400" r="3" fill="rgba(34,197,94,0.8)"/>
    <circle cx="250" cy="350" r="3" fill="rgba(34,197,94,0.8)"/>
    <circle cx="350" cy="320" r="3" fill="rgba(34,197,94,0.8)"/>
    <circle cx="450" cy="280" r="3" fill="rgba(34,197,94,0.8)"/>
    
    <!-- Bar chart -->
    <rect x="750" y="380" width="15" height="40" fill="rgba(255,255,255,0.3)"/>
    <rect x="770" y="360" width="15" height="60" fill="rgba(255,255,255,0.35)"/>
    <rect x="790" y="340" width="15" height="80" fill="rgba(255,255,255,0.4)"/>
    <rect x="810" y="320" width="15" height="100" fill="rgba(255,255,255,0.35)"/>
  </g>
  
  <!-- Floating Elements -->
  <g opacity="0.6">
    <!-- Calculator -->
    <rect x="500" y="80" width="60" height="80" rx="6" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="2"/>
    <rect x="510" y="90" width="40" height="15" fill="rgba(255,255,255,0.3)"/>
    <circle cx="520" cy="115" r="3" fill="rgba(255,255,255,0.3)"/>
    <circle cx="530" cy="115" r="3" fill="rgba(255,255,255,0.3)"/>
    <circle cx="540" cy="115" r="3" fill="rgba(255,255,255,0.3)"/>
    <circle cx="520" cy="125" r="3" fill="rgba(255,255,255,0.3)"/>
    <circle cx="530" cy="125" r="3" fill="rgba(255,255,255,0.3)"/>
    <circle cx="540" cy="125" r="3" fill="rgba(255,255,255,0.3)"/>
    
    <!-- Piggy Bank -->
    <ellipse cx="300" cy="500" rx="40" ry="25" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="2"/>
    <circle cx="285" cy="495" r="2" fill="rgba(255,255,255,0.4)"/>
    <path d="M 340 500 L 350 495 L 350 505 Z" fill="rgba(255,255,255,0.4)"/>
    <rect x="295" y="485" width="10" height="8" rx="2" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="1"/>
  </g>
  
  <!-- Connecting Lines -->
  <g opacity="0.2">
    <path d="M 200 300 Q 400 200 600 150" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1" stroke-dasharray="5,5"/>
    <path d="M 300 500 Q 600 300 900 400" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1" stroke-dasharray="5,5"/>
    <path d="M 500 160 Q 700 250 950 300" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1" stroke-dasharray="5,5"/>
  </g>
  
  <!-- Percentage Signs -->
  <g opacity="0.4">
    <text x="650" y="450" font-family="Arial, sans-serif" font-size="16" fill="rgba(255,255,255,0.4)">%</text>
    <text x="1100" y="350" font-family="Arial, sans-serif" font-size="14" fill="rgba(255,255,255,0.3)">%</text>
    <text x="80" y="250" font-family="Arial, sans-serif" font-size="18" fill="rgba(255,255,255,0.35)">%</text>
  </g>
</svg>
