<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 180" width="600" height="180">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0d1b3e"/>
      <stop offset="100%" stop-color="#0c3460"/>
    </linearGradient>
    <linearGradient id="glow1" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#2563eb" stop-opacity="0.6"/>
      <stop offset="100%" stop-color="#0891b2" stop-opacity="0"/>
    </linearGradient>
    <filter id="blur1"><feGaussianBlur stdDeviation="18"/></filter>
    <filter id="blur2"><feGaussianBlur stdDeviation="8"/></filter>
  </defs>

  <!-- Background -->
  <rect width="600" height="180" fill="url(#bg)"/>

  <!-- Ambient glows -->
  <ellipse cx="120" cy="90" rx="140" ry="90" fill="#2563eb" opacity="0.18" filter="url(#blur1)"/>
  <ellipse cx="480" cy="50" rx="100" ry="70" fill="#0891b2" opacity="0.22" filter="url(#blur1)"/>
  <ellipse cx="300" cy="160" rx="180" ry="60" fill="#1d4ed8" opacity="0.15" filter="url(#blur1)"/>

  <!-- Grid dots -->
  <g opacity="0.07">
    <rect x="40" y="20" width="2" height="2" fill="white"/>
    <rect x="80" y="20" width="2" height="2" fill="white"/>
    <rect x="120" y="20" width="2" height="2" fill="white"/>
    <rect x="160" y="20" width="2" height="2" fill="white"/>
    <rect x="200" y="20" width="2" height="2" fill="white"/>
    <rect x="240" y="20" width="2" height="2" fill="white"/>
    <rect x="280" y="20" width="2" height="2" fill="white"/>
    <rect x="320" y="20" width="2" height="2" fill="white"/>
    <rect x="360" y="20" width="2" height="2" fill="white"/>
    <rect x="400" y="20" width="2" height="2" fill="white"/>
    <rect x="440" y="20" width="2" height="2" fill="white"/>
    <rect x="480" y="20" width="2" height="2" fill="white"/>
    <rect x="520" y="20" width="2" height="2" fill="white"/>
    <rect x="560" y="20" width="2" height="2" fill="white"/>
    <rect x="40" y="60" width="2" height="2" fill="white"/>
    <rect x="80" y="60" width="2" height="2" fill="white"/>
    <rect x="120" y="60" width="2" height="2" fill="white"/>
    <rect x="160" y="60" width="2" height="2" fill="white"/>
    <rect x="200" y="60" width="2" height="2" fill="white"/>
    <rect x="240" y="60" width="2" height="2" fill="white"/>
    <rect x="280" y="60" width="2" height="2" fill="white"/>
    <rect x="320" y="60" width="2" height="2" fill="white"/>
    <rect x="360" y="60" width="2" height="2" fill="white"/>
    <rect x="400" y="60" width="2" height="2" fill="white"/>
    <rect x="440" y="60" width="2" height="2" fill="white"/>
    <rect x="480" y="60" width="2" height="2" fill="white"/>
    <rect x="520" y="60" width="2" height="2" fill="white"/>
    <rect x="40" y="100" width="2" height="2" fill="white"/>
    <rect x="80" y="100" width="2" height="2" fill="white"/>
    <rect x="120" y="100" width="2" height="2" fill="white"/>
    <rect x="160" y="100" width="2" height="2" fill="white"/>
    <rect x="200" y="100" width="2" height="2" fill="white"/>
    <rect x="240" y="100" width="2" height="2" fill="white"/>
    <rect x="280" y="100" width="2" height="2" fill="white"/>
    <rect x="320" y="100" width="2" height="2" fill="white"/>
    <rect x="360" y="100" width="2" height="2" fill="white"/>
    <rect x="400" y="100" width="2" height="2" fill="white"/>
    <rect x="440" y="100" width="2" height="2" fill="white"/>
    <rect x="480" y="100" width="2" height="2" fill="white"/>
    <rect x="40" y="140" width="2" height="2" fill="white"/>
    <rect x="80" y="140" width="2" height="2" fill="white"/>
    <rect x="120" y="140" width="2" height="2" fill="white"/>
    <rect x="160" y="140" width="2" height="2" fill="white"/>
    <rect x="200" y="140" width="2" height="2" fill="white"/>
    <rect x="240" y="140" width="2" height="2" fill="white"/>
    <rect x="280" y="140" width="2" height="2" fill="white"/>
    <rect x="320" y="140" width="2" height="2" fill="white"/>
    <rect x="360" y="140" width="2" height="2" fill="white"/>
    <rect x="400" y="140" width="2" height="2" fill="white"/>
    <rect x="440" y="140" width="2" height="2" fill="white"/>
  </g>

  <!-- Flask illustration -->
  <g transform="translate(430,20)">
    <!-- Flask body -->
    <path d="M50 40 L35 90 Q28 110 45 118 L85 118 Q102 110 95 90 L80 40 Z" fill="none" stroke="#60a5fa" stroke-width="2.5" stroke-linejoin="round"/>
    <!-- Flask neck -->
    <rect x="47" y="18" width="36" height="26" rx="3" fill="none" stroke="#60a5fa" stroke-width="2.5"/>
    <!-- Liquid -->
    <path d="M36 96 Q30 110 45 118 L85 118 Q100 110 94 96 Z" fill="#2563eb" opacity="0.5"/>
    <!-- Bubbles -->
    <circle cx="55" cy="105" r="4" fill="#60a5fa" opacity="0.7"/>
    <circle cx="70" cy="100" r="3" fill="#93c5fd" opacity="0.6"/>
    <circle cx="63" cy="112" r="2.5" fill="#bfdbfe" opacity="0.5"/>
    <!-- Cork -->
    <rect x="49" y="14" width="32" height="8" rx="2" fill="#f59e0b" opacity="0.8"/>
    <!-- Glow -->
    <ellipse cx="65" cy="108" rx="30" ry="15" fill="#2563eb" opacity="0.3" filter="url(#blur2)"/>
  </g>

  <!-- Atom diagram -->
  <g transform="translate(80,30)">
    <!-- Nucleus -->
    <circle cx="65" cy="65" r="10" fill="#f59e0b" opacity="0.9"/>
    <circle cx="65" cy="65" r="6" fill="#fbbf24"/>
    <!-- Orbits -->
    <ellipse cx="65" cy="65" rx="50" ry="22" fill="none" stroke="#60a5fa" stroke-width="1.5" opacity="0.6" transform="rotate(0,65,65)"/>
    <ellipse cx="65" cy="65" rx="50" ry="22" fill="none" stroke="#34d399" stroke-width="1.5" opacity="0.6" transform="rotate(60,65,65)"/>
    <ellipse cx="65" cy="65" rx="50" ry="22" fill="none" stroke="#f472b6" stroke-width="1.5" opacity="0.6" transform="rotate(120,65,65)"/>
    <!-- Electrons -->
    <circle cx="115" cy="65" r="5" fill="#60a5fa" opacity="0.9"/>
    <circle cx="40" cy="86" r="5" fill="#34d399" opacity="0.9"/>
    <circle cx="40" cy="44" r="5" fill="#f472b6" opacity="0.9"/>
  </g>

  <!-- DNA helix hint -->
  <g transform="translate(240,25)" opacity="0.5">
    <path d="M20 0 Q30 20 20 40 Q10 60 20 80 Q30 100 20 120" fill="none" stroke="#60a5fa" stroke-width="2"/>
    <path d="M40 0 Q30 20 40 40 Q50 60 40 80 Q30 100 40 120" fill="none" stroke="#34d399" stroke-width="2"/>
    <line x1="20" y1="10" x2="40" y2="10" stroke="white" stroke-width="1.5" opacity="0.5"/>
    <line x1="20" y1="30" x2="40" y2="30" stroke="white" stroke-width="1.5" opacity="0.5"/>
    <line x1="20" y1="50" x2="40" y2="50" stroke="white" stroke-width="1.5" opacity="0.5"/>
    <line x1="20" y1="70" x2="40" y2="70" stroke="white" stroke-width="1.5" opacity="0.5"/>
    <line x1="20" y1="90" x2="40" y2="90" stroke="white" stroke-width="1.5" opacity="0.5"/>
    <line x1="20" y1="110" x2="40" y2="110" stroke="white" stroke-width="1.5" opacity="0.5"/>
  </g>

  <!-- Label -->
  <text x="30" y="160" font-family="'Segoe UI',sans-serif" font-size="11" fill="white" opacity="0.35" font-weight="600" letter-spacing="3">SCIENCE DEPARTMENT</text>
</svg>
