<!-- Depth Lines -->
<line x1="-50" y1="-50" x2="-30" y2="-70" stroke="#00d4ff" stroke-width="1" opacity="0.4"/>
<line x1="50" y1="-50" x2="70" y2="-70" stroke="#00d4ff" stroke-width="1" opacity="0.4"/>
<line x1="50" y1="50" x2="70" y2="30" stroke="#00d4ff" stroke-width="1" opacity="0.4"/>
<line x1="-50" y1="50" x2="-30" y2="30" stroke="#00d4ff" stroke-width="1" opacity="0.4"/>

<!-- Top Face -->
<polygon points="-50,-50 50,-50 70,-70 -30,-70" fill="#00d4ff" opacity="0.15" stroke="#00d4ff" stroke-width="1.5" filter="url(#glow)">
  <animate attributeName="opacity" values="0.15;0.3;0.15" dur="3s" repeatCount="indefinite"/>
</polygon>

<!-- Right Face -->
<polygon points="50,-50 50,50 70,30 70,-70" fill="#ff00a0" opacity="0.15" stroke="#ff00a0" stroke-width="1.5" filter="url(#glow)">
  <animate attributeName="opacity" values="0.15;0.35;0.15" dur="3s" begin="1s" repeatCount="indefinite"/>
</polygon>

<!-- Left Face -->
<polygon points="-50,-50 -50,50 -30,30 -30,-70" fill="#00ff88" opacity="0.1" stroke="#00ff88" stroke-width="1.5" filter="url(#glow)"/>

<!-- Front Face -->
<polygon points="-50,-50 50,-50 50,50 -50,50" fill="#00d4ff" opacity="0.2" stroke="#00d4ff" stroke-width="2" filter="url(#glow-strong)">
  <animate attributeName="opacity" values="0.2;0.4;0.2" dur="2s" repeatCount="indefinite"/>
</polygon>

<!-- Grid Lines -->
<line x1="0" y1="-50" x2="0" y2="50" stroke="#00d4ff" stroke-width="0.5" opacity="0.5"/>
<line x1="-50" y1="0" x2="50" y2="0" stroke="#00d4ff" stroke-width="0.5" opacity="0.5"/>

<!-- Corner Nodes -->
<circle cx="-50" cy="-50" r="3" fill="#00d4ff" filter="url(#glow)">
  <animate attributeName="r" values="2;4;2" dur="2s" repeatCount="indefinite"/>
</circle>
<circle cx="50" cy="-50" r="3" fill="#00d4ff" filter="url(#glow)">
  <animate attributeName="r" values="2;4;2" dur="2.5s" repeatCount="indefinite"/>
</circle>
<circle cx="50" cy="50" r="3" fill="#ff00a0" filter="url(#glow)">
  <animate attributeName="r" values="2;4;2" dur="3s" repeatCount="indefinite"/>
</circle>
<circle cx="-50" cy="50" r="3" fill="#00ff88" filter="url(#glow)">
  <animate attributeName="r" values="2;4;2" dur="2.2s" repeatCount="indefinite"/>
</circle>
<circle cx="-30" cy="-70" r="2" fill="#00d4ff" opacity="0.7"/>
<circle cx="70" cy="-70" r="2" fill="#00d4ff" opacity="0.7"/>
<circle cx="70" cy="30" r="2" fill="#ff00a0" opacity="0.7"/>
<circle cx="-30" cy="30" r="2" fill="#00ff88" opacity="0.7"/>

<!-- Center Core -->
<circle cx="0" cy="0" r="6" fill="#ffffff" filter="url(#glow-strong)">
  <animate attributeName="r" values="4;8;4" dur="2s" repeatCount="indefinite"/>
  <animate attributeName="opacity" values="0.8;0.3;0.8" dur="2s" repeatCount="indefinite"/>
</circle>
<circle cx="0" cy="0" r="3" fill="#00d4ff"/>