<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" width="600" height="400">
  <defs>
    <linearGradient id="screenGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#001122;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#002244;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="glowGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#00d4ff;stop-opacity:0.8" />
      <stop offset="50%" style="stop-color:#0099cc;stop-opacity:0.6" />
      <stop offset="100%" style="stop-color:#007acc;stop-opacity:0.8" />
    </linearGradient>
    <filter id="screenGlow">
      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
      <feMerge> 
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- Background -->
  <rect width="600" height="400" fill="#0a0a0a"/>
  
  <!-- Modern Laptop -->
  <g transform="translate(150,100)">
    <!-- Laptop Base -->
    <ellipse cx="150" cy="280" rx="180" ry="20" fill="#1a1a1a" opacity="0.3"/>
    <rect x="30" y="250" width="240" height="30" rx="15" fill="#2a2a2a"/>
    
    <!-- Laptop Screen -->
    <rect x="50" y="80" width="200" height="170" rx="10" fill="#1a1a1a"/>
    <rect x="60" y="90" width="180" height="140" rx="5" fill="url(#screenGradient)" filter="url(#screenGlow)"/>
    
    <!-- Screen Content - Neural Dashboard -->
    <!-- Header -->
    <rect x="70" y="100" width="160" height="20" rx="3" fill="#00d4ff" opacity="0.3"/>
    <text x="75" y="112" font-family="Arial" font-size="8" fill="#00d4ff">NeuroPulse Analytics Dashboard</text>
    
    <!-- Charts and Graphs -->
    <!-- Bar Chart -->
    <g transform="translate(80,130)">
      <rect x="0" y="20" width="8" height="40" fill="#00d4ff" opacity="0.7">
        <animate attributeName="height" values="40;60;40" dur="2s" repeatCount="indefinite"/>
      </rect>
      <rect x="12" y="10" width="8" height="50" fill="#0099cc" opacity="0.7">
        <animate attributeName="height" values="50;30;50" dur="2.5s" repeatCount="indefinite"/>
      </rect>
      <rect x="24" y="25" width="8" height="35" fill="#007acc" opacity="0.7">
        <animate attributeName="height" values="35;55;35" dur="1.8s" repeatCount="indefinite"/>
      </rect>
      <rect x="36" y="15" width="8" height="45" fill="#00d4ff" opacity="0.7">
        <animate attributeName="height" values="45;25;45" dur="2.2s" repeatCount="indefinite"/>
      </rect>
    </g>
    
    <!-- Line Graph -->
    <g transform="translate(120,140)">
      <path d="M0,40 Q15,20 30,35 T60,25 Q75,15 90,30" 
            stroke="url(#glowGradient)" 
            stroke-width="2" 
            fill="none">
        <animate attributeName="d" 
                 values="M0,40 Q15,20 30,35 T60,25 Q75,15 90,30;M0,35 Q15,45 30,20 T60,40 Q75,25 90,15;M0,40 Q15,20 30,35 T60,25 Q75,15 90,30" 
                 dur="3s" 
                 repeatCount="indefinite"/>
      </path>
      
      <!-- Data Points -->
      <circle cx="15" cy="20" r="2" fill="#00d4ff">
        <animate attributeName="cy" values="20;45;20" dur="3s" repeatCount="indefinite"/>
      </circle>
      <circle cx="45" cy="35" r="2" fill="#0099cc">
        <animate attributeName="cy" values="35;20;35" dur="3s" repeatCount="indefinite"/>
      </circle>
      <circle cx="75" cy="15" r="2" fill="#007acc">
        <animate attributeName="cy" values="15;25;15" dur="3s" repeatCount="indefinite"/>
      </circle>
    </g>
    
    <!-- Neural Network Visualization -->
    <g transform="translate(85,180)">
      <!-- Nodes -->
      <circle cx="10" cy="10" r="3" fill="#00d4ff" opacity="0.8">
        <animate attributeName="opacity" values="0.8;1;0.8" dur="2s" repeatCount="indefinite"/>
      </circle>
      <circle cx="30" cy="5" r="3" fill="#0099cc" opacity="0.8">
        <animate attributeName="opacity" values="0.8;1;0.8" dur="2.5s" repeatCount="indefinite"/>
      </circle>
      <circle cx="30" cy="15" r="3" fill="#007acc" opacity="0.8">
        <animate attributeName="opacity" values="0.8;1;0.8" dur="1.8s" repeatCount="indefinite"/>
      </circle>
      <circle cx="50" cy="10" r="3" fill="#00d4ff" opacity="0.8">
        <animate attributeName="opacity" values="0.8;1;0.8" dur="2.2s" repeatCount="indefinite"/>
      </circle>
      
      <!-- Connections -->
      <line x1="13" y1="10" x2="27" y2="7" stroke="#00d4ff" stroke-width="1" opacity="0.6"/>
      <line x1="13" y1="10" x2="27" y2="13" stroke="#00d4ff" stroke-width="1" opacity="0.6"/>
      <line x1="33" y1="5" x2="47" y2="8" stroke="#0099cc" stroke-width="1" opacity="0.6"/>
      <line x1="33" y1="15" x2="47" y2="12" stroke="#007acc" stroke-width="1" opacity="0.6"/>
    </g>
    
    <!-- Status Indicators -->
    <g transform="translate(170,140)">
      <circle cx="5" cy="5" r="2" fill="#00ff00">
        <animate attributeName="opacity" values="1;0.3;1" dur="1s" repeatCount="indefinite"/>
      </circle>
      <text x="12" y="8" font-family="Arial" font-size="6" fill="#cccccc">Online</text>
      
      <circle cx="5" cy="18" r="2" fill="#00d4ff">
        <animate attributeName="opacity" values="1;0.3;1" dur="1.5s" repeatCount="indefinite"/>
      </circle>
      <text x="12" y="21" font-family="Arial" font-size="6" fill="#cccccc">Processing</text>
    </g>
  </g>
  
  <!-- Floating Data Elements -->
  <g opacity="0.6">
    <!-- Binary Code Streams -->
    <text x="50" y="50" font-family="monospace" font-size="10" fill="#00d4ff" opacity="0.4">01101001</text>
    <text x="480" y="80" font-family="monospace" font-size="10" fill="#0099cc" opacity="0.4">11010110</text>
    <text x="30" y="350" font-family="monospace" font-size="10" fill="#007acc" opacity="0.4">10011001</text>
    <text x="500" y="320" font-family="monospace" font-size="10" fill="#00d4ff" opacity="0.4">01110100</text>
    
    <!-- Floating Icons -->
    <g transform="translate(80,60)">
      <circle cx="0" cy="0" r="15" fill="#00d4ff" opacity="0.1"/>
      <path d="M-8,-8 L8,8 M8,-8 L-8,8" stroke="#00d4ff" stroke-width="2" opacity="0.5"/>
    </g>
    
    <g transform="translate(450,120)">
      <circle cx="0" cy="0" r="12" fill="#0099cc" opacity="0.1"/>
      <circle cx="0" cy="0" r="3" fill="#0099cc" opacity="0.7">
        <animate attributeName="r" values="3;6;3" dur="2s" repeatCount="indefinite"/>
      </circle>
    </g>
    
    <g transform="translate(520,250)">
      <rect x="-8" y="-8" width="16" height="16" fill="#007acc" opacity="0.1" rx="2"/>
      <rect x="-4" y="-4" width="8" height="8" fill="#007acc" opacity="0.5" rx="1">
        <animateTransform attributeName="transform" type="rotate" values="0;360" dur="4s" repeatCount="indefinite"/>
      </rect>
    </g>
  </g>
  
  <!-- Particle System -->
  <g opacity="0.3">
    <circle cx="100" cy="150" r="1" fill="#00d4ff">
      <animateMotion dur="8s" repeatCount="indefinite">
        <mpath href="#particlePath1"/>
      </animateMotion>
    </circle>
    <circle cx="400" cy="200" r="1" fill="#0099cc">
      <animateMotion dur="10s" repeatCount="indefinite">
        <mpath href="#particlePath2"/>
      </animateMotion>
    </circle>
    <circle cx="300" cy="100" r="1" fill="#007acc">
      <animateMotion dur="12s" repeatCount="indefinite">
        <mpath href="#particlePath3"/>
      </animateMotion>
    </circle>
  </g>
  
  <!-- Hidden paths for particle motion -->
  <defs>
    <path id="particlePath1" d="M100,150 Q300,50 500,200 T100,150"/>
    <path id="particlePath2" d="M400,200 Q200,300 100,100 T400,200"/>
    <path id="particlePath3" d="M300,100 Q500,250 200,350 T300,100"/>
  </defs>
</svg>