<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="100" height="100" rx="20" fill="#F3F4F6"/>
  
  <!-- Sudoku Grid -->
  <g transform="translate(20, 20)">
    <!-- Main Grid Lines -->
    <path 
      d="M0 0h60v60h-60z" 
      stroke="#374151" 
      stroke-width="2" 
      fill="none"
    />
    
    <!-- Vertical Lines -->
    <path 
      d="M20 0v60 M40 0v60" 
      stroke="#374151" 
      stroke-width="2"
    />
    
    <!-- Horizontal Lines -->
    <path 
      d="M0 20h60 M0 40h60" 
      stroke="#374151" 
      stroke-width="2"
    />
    
    <!-- Sample Numbers -->
    <text x="8" y="15" font-family="Inter" font-size="12" font-weight="600" fill="#111827">5</text>
    <text x="28" y="35" font-family="Inter" font-size="12" font-weight="600" fill="#111827">9</text>
    <text x="48" y="55" font-family="Inter" font-size="12" font-weight="600" fill="#111827">4</text>
    
    <!-- Highlight Cell -->
    <rect x="40" y="0" width="20" height="20" fill="#BFDBFE" opacity="0.5"/>
  </g>
  
  <!-- Decorative Elements -->
  <circle cx="85" cy="15" r="4" fill="#3B82F6" opacity="0.2"/>
  <circle cx="15" cy="85" r="4" fill="#3B82F6" opacity="0.2"/>
  <path 
    d="M75 85a4 4 0 1 1 8 0 4 4 0 0 1-8 0" 
    stroke="#3B82F6" 
    stroke-width="2" 
    opacity="0.2"
  />
</svg> 