<svg xmlns="http://www.w3.org/2000/svg" width="400" height="250" viewBox="0 0 400 250">
  <!-- Background with Cyberpunk Grid -->
  <defs>
    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#0c1021" />
      <stop offset="100%" stop-color="#1d2542" />
    </linearGradient>
    <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse">
      <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#00f0ff" stroke-width="0.5" opacity="0.3" />
    </pattern>
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="3" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
  </defs>
  
  <!-- Background -->
  <rect width="400" height="250" fill="url(#bgGradient)" />
  <rect width="400" height="250" fill="url(#grid)" />
  
  <!-- Electronics Repair Interface -->
  <g transform="translate(200, 125)">
    <!-- Circuit Board Outline -->
    <path d="M-100,-30 C-90,-50 90,-50 100,-30 L110,30 C110,40 100,40 90,40 L-90,40 C-100,40 -110,40 -110,30 Z" fill="none" stroke="#00f0ff" stroke-width="2" opacity="0.7" />
    
    <!-- Components -->
    <circle cx="-80" cy="10" r="15" fill="none" stroke="#00f0ff" stroke-width="1" />
    <circle cx="80" cy="10" r="15" fill="none" stroke="#00f0ff" stroke-width="1" />
    
    <!-- Data Connection Lines -->
    <path d="M-60,-20 L-100,-60" stroke="#ff00d4" stroke-width="1" stroke-dasharray="3,2" />
    <path d="M60,-20 L100,-60" stroke="#ff00d4" stroke-width="1" stroke-dasharray="3,2" />
    <path d="M0,-40 L0,-70" stroke="#ff00d4" stroke-width="1" stroke-dasharray="3,2" />
    <path d="M-80,10 L-130,70" stroke="#ff00d4" stroke-width="1" stroke-dasharray="3,2" />
    <path d="M80,10 L130,70" stroke="#ff00d4" stroke-width="1" stroke-dasharray="3,2" />
    
    <!-- Connection Points -->
    <circle cx="-100" cy="-60" r="5" fill="#141b33" stroke="#ff00d4" stroke-width="1" />
    <circle cx="100" cy="-60" r="5" fill="#141b33" stroke="#ff00d4" stroke-width="1" />
    <circle cx="0" cy="-70" r="5" fill="#141b33" stroke="#ff00d4" stroke-width="1" />
    <circle cx="-130" cy="70" r="5" fill="#141b33" stroke="#ff00d4" stroke-width="1" />
    <circle cx="130" cy="70" r="5" fill="#141b33" stroke="#ff00d4" stroke-width="1" />
    
    <!-- Interior Data Points -->
    <circle cx="-60" cy="-20" r="3" fill="#00f0ff" />
    <circle cx="-30" cy="-30" r="3" fill="#00f0ff" />
    <circle cx="0" cy="-20" r="3" fill="#00f0ff" />
    <circle cx="30" cy="-30" r="3" fill="#00f0ff" />
    <circle cx="60" cy="-20" r="3" fill="#00f0ff" />
    
    <!-- Processor Area -->
    <rect x="-40" y="-10" width="80" height="30" rx="5" fill="none" stroke="#ff00d4" stroke-width="1" stroke-dasharray="5,3" />
    
    <!-- Data Windows -->
    <g transform="translate(-100, -60)">
      <rect x="-20" y="-15" width="40" height="30" rx="3" fill="#141b33" stroke="#00f0ff" stroke-width="1" />
      <text x="0" y="0" font-family="monospace" font-size="6" fill="#00f0ff" text-anchor="middle">CPU</text>
      <path d="M-10,5 L-5,10 L0,5 L5,10 L10,5" stroke="#00f0ff" stroke-width="1" fill="none" />
    </g>
    
    <g transform="translate(100, -60)">
      <rect x="-20" y="-15" width="40" height="30" rx="3" fill="#141b33" stroke="#00f0ff" stroke-width="1" />
      <text x="0" y="0" font-family="monospace" font-size="6" fill="#00f0ff" text-anchor="middle">RAM</text>
      <path d="M-10,5 L-5,8 L0,3 L5,12 L10,5" stroke="#00f0ff" stroke-width="1" fill="none" />
    </g>
    
    <g transform="translate(0, -70)">
      <rect x="-25" y="-15" width="50" height="30" rx="3" fill="#141b33" stroke="#00f0ff" stroke-width="1" />
      <text x="0" y="-5" font-family="monospace" font-size="6" fill="#00f0ff" text-anchor="middle">DIAGNOSTICS</text>
      <rect x="-15" y="5" width="30" height="5" rx="2" fill="#00f0ff" opacity="0.5" />
    </g>
    
    <g transform="translate(-130, 70)">
      <rect x="-20" y="-15" width="40" height="30" rx="3" fill="#141b33" stroke="#00f0ff" stroke-width="1" />
      <text x="0" y="0" font-family="monospace" font-size="6" fill="#00f0ff" text-anchor="middle">POWER</text>
      <circle cx="0" cy="8" r="5" fill="none" stroke="#00f0ff" stroke-width="1" />
    </g>
    
    <g transform="translate(130, 70)">
      <rect x="-20" y="-15" width="40" height="30" rx="3" fill="#141b33" stroke="#00f0ff" stroke-width="1" />
      <text x="0" y="0" font-family="monospace" font-size="6" fill="#00f0ff" text-anchor="middle">I/O</text>
      <circle cx="0" cy="8" r="5" fill="none" stroke="#00f0ff" stroke-width="1" />
    </g>
  </g>
  
  <!-- Cyberpunk Decorative Elements -->
  <g>
    <!-- Circuit Patterns -->
    <path d="M10,20 L50,20 L50,40 L90,40" stroke="#ff00d4" stroke-width="1" opacity="0.5" fill="none" />
    <path d="M310,20 L350,20 L350,40 L390,40" stroke="#ff00d4" stroke-width="1" opacity="0.5" fill="none" />
    <path d="M10,230 L50,230 L50,210 L90,210" stroke="#ff00d4" stroke-width="1" opacity="0.5" fill="none" />
    <path d="M310,230 L350,230 L350,210 L390,210" stroke="#ff00d4" stroke-width="1" opacity="0.5" fill="none" />
    
    <!-- Circuit Nodes -->
    <circle cx="10" cy="20" r="2" fill="#ff00d4" />
    <circle cx="50" cy="20" r="2" fill="#ff00d4" />
    <circle cx="50" cy="40" r="2" fill="#ff00d4" />
    <circle cx="90" cy="40" r="2" fill="#ff00d4" />
    
    <circle cx="310" cy="20" r="2" fill="#ff00d4" />
    <circle cx="350" cy="20" r="2" fill="#ff00d4" />
    <circle cx="350" cy="40" r="2" fill="#ff00d4" />
    <circle cx="390" cy="40" r="2" fill="#ff00d4" />
    
    <circle cx="10" cy="230" r="2" fill="#ff00d4" />
    <circle cx="50" cy="230" r="2" fill="#ff00d4" />
    <circle cx="50" cy="210" r="2" fill="#ff00d4" />
    <circle cx="90" cy="210" r="2" fill="#ff00d4" />
    
    <circle cx="310" cy="230" r="2" fill="#ff00d4" />
    <circle cx="350" cy="230" r="2" fill="#ff00d4" />
    <circle cx="350" cy="210" r="2" fill="#ff00d4" />
    <circle cx="390" cy="210" r="2" fill="#ff00d4" />
    
    <!-- Glowing Effects -->
    <circle cx="200" cy="125" r="100" fill="none" stroke="#00f0ff" stroke-width="1" opacity="0.1" />
    <circle cx="200" cy="125" r="120" fill="none" stroke="#00f0ff" stroke-width="1" opacity="0.05" />
    
    <!-- Data Particles -->
    <circle cx="80" cy="60" r="1" fill="#00f0ff" opacity="0.8" />
    <circle cx="120" cy="180" r="1" fill="#00f0ff" opacity="0.8" />
    <circle cx="280" cy="70" r="1" fill="#00f0ff" opacity="0.8" />
    <circle cx="320" cy="190" r="1" fill="#00f0ff" opacity="0.8" />
    <circle cx="180" cy="30" r="1" fill="#ff00d4" opacity="0.8" />
    <circle cx="220" cy="220" r="1" fill="#ff00d4" opacity="0.8" />
  </g>
</svg>
