<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <!-- Cyberpunk Gradient -->
    <linearGradient id="cyberGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#00ff88;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#00ccff;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#ff00ff;stop-opacity:1" />
    </linearGradient>

    <!-- Glow Effect -->
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>

    <!-- Matrix Rain Effect -->
    <pattern id="matrix" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
      <text x="0" y="15" font-family="monospace" font-size="12" fill="#00ff88" opacity="0.3">0</text>
      <text x="10" y="5" font-family="monospace" font-size="12" fill="#00ff88" opacity="0.3">1</text>
    </pattern>
  </defs>

  <!-- Background -->
  <rect width="200" height="200" fill="#0a0a0a" rx="20" ry="20"/>
  <rect width="200" height="200" fill="url(#matrix)" opacity="0.1" rx="20" ry="20"/>

  <!-- Hacker Beaver Body -->
  <g filter="url(#glow)">
    <!-- Body -->
    <ellipse cx="100" cy="140" rx="45" ry="35" fill="#1a1a1a" stroke="url(#cyberGradient)" stroke-width="2"/>

    <!-- Head -->
    <ellipse cx="100" cy="85" rx="40" ry="35" fill="#1a1a1a" stroke="url(#cyberGradient)" stroke-width="2"/>

    <!-- Ears -->
    <ellipse cx="65" cy="55" rx="15" ry="20" fill="#1a1a1a" stroke="url(#cyberGradient)" stroke-width="2"/>
    <ellipse cx="135" cy="55" rx="15" ry="20" fill="#1a1a1a" stroke="url(#cyberGradient)" stroke-width="2"/>

    <!-- Inner Ears -->
    <ellipse cx="65" cy="55" rx="8" ry="12" fill="#2a2a2a"/>
    <ellipse cx="135" cy="55" rx="8" ry="12" fill="#2a2a2a"/>

    <!-- Eyes (Hacker Style) -->
    <g>
      <!-- Left Eye -->
      <ellipse cx="85" cy="80" rx="12" ry="10" fill="#00ff88" opacity="0.8">
        <animate attributeName="opacity" values="0.8;0.4;0.8" dur="2s" repeatCount="indefinite"/>
      </ellipse>
      <circle cx="85" cy="80" r="4" fill="#000"/>

      <!-- Right Eye -->
      <ellipse cx="115" cy="80" rx="12" ry="10" fill="#00ff88" opacity="0.8">
        <animate attributeName="opacity" values="0.8;0.4;0.8" dur="2s" repeatCount="indefinite"/>
      </ellipse>
      <circle cx="115" cy="80" r="4" fill="#000"/>

      <!-- Hacker Glasses -->
      <path d="M 70 75 Q 85 70 100 75 Q 115 70 130 75" stroke="#00ff88" stroke-width="2" fill="none" opacity="0.6"/>
      <line x1="70" y1="75" x2="60" y2="70" stroke="#00ff88" stroke-width="2" opacity="0.6"/>
      <line x1="130" y1="75" x2="140" y2="70" stroke="#00ff88" stroke-width="2" opacity="0.6"/>
    </g>

    <!-- Nose -->
    <ellipse cx="100" cy="95" rx="6" ry="4" fill="#2a2a2a"/>

    <!-- Mouth (Hacker Smile) -->
    <path d="M 85 105 Q 100 115 115 105" stroke="#00ff88" stroke-width="2" fill="none" opacity="0.8"/>

    <!-- Hacker Hoodie -->
    <path d="M 60 110 Q 100 100 140 110 L 145 140 Q 100 150 55 140 Z" fill="#1a1a1a" stroke="url(#cyberGradient)" stroke-width="2"/>

    <!-- Hoodie Details -->
    <path d="M 70 115 Q 100 110 130 115" stroke="#00ff88" stroke-width="1" fill="none" opacity="0.4"/>
    <path d="M 75 120 Q 100 115 125 120" stroke="#00ff88" stroke-width="1" fill="none" opacity="0.4"/>

    <!-- Cyber Lines -->
    <line x1="50" y1="100" x2="60" y2="110" stroke="#00ff88" stroke-width="1" opacity="0.3">
      <animate attributeName="x1" values="50;55;50" dur="3s" repeatCount="indefinite"/>
      <animate attributeName="y1" values="100;105;100" dur="3s" repeatCount="indefinite"/>
    </line>
    <line x1="150" y1="100" x2="140" y2="110" stroke="#00ff88" stroke-width="1" opacity="0.3">
      <animate attributeName="x1" values="150;145;150" dur="3s" repeatCount="indefinite"/>
      <animate attributeName="y1" values="100;105;100" dur="3s" repeatCount="indefinite"/>
    </line>

    <!-- Binary Code Background -->
    <text x="20" y="180" font-family="monospace" font-size="10" fill="#00ff88" opacity="0.2">010010</text>
    <text x="150" y="180" font-family="monospace" font-size="10" fill="#00ff88" opacity="0.2">110101</text>
  </g>

  <!-- DB Text -->
  <text x="100" y="185" text-anchor="middle" font-family="monospace" font-size="24" font-weight="bold" fill="url(#cyberGradient)" filter="url(#glow)">
    DB
  </text>
</svg>
