<!-- Divider Line -->
<div style="height: 1px; background: linear-gradient(90deg, transparent, #8b5cf6, transparent); margin: 1rem 0;"></div>

<!-- Quote -->
<p class="text-indigo-200 font-light text-sm" style="font-style: italic; color: #c4b5fd;">
  "You bork into the void... and the void will bork back."
</p>

<!-- About Section -->
<div class="space-y-2 text-xs pt-2" style="color: #a78bfa;">
  <div class="flex items-center justify-center gap-2">
    <span>⬥</span>
    <span>Creating random characters based on daydreaming fantasies</span>
  </div>
  <div class="flex items-center justify-center gap-2">
    <span>⬥</span>
    <span>Putting an emoticon in place of actual emotion</span>
  </div>
  <div class="flex items-center justify-center gap-2">
    <span>⬥</span>
    <span>Borking into the void endlessly</span>
  </div>
</div>

<!-- Tags with Glow Effect -->
<div class="flex justify-center gap-2 flex-wrap pt-3">
  <span class="px-3 py-1 rounded-full text-xs" style="background: #1e1b4b; color: #c4b5fd; border: 1px solid #6d28d9; box-shadow: 0 0 10px rgba(109, 40, 217, 0.4);">
    Eternal
  </span>
  <span class="px-3 py-1 rounded-full text-xs" style="background: #1e1b4b; color: #c4b5fd; border: 1px solid #6d28d9; box-shadow: 0 0 10px rgba(109, 40, 217, 0.4);">
    Ephemeral
  </span>
  <span class="px-3 py-1 rounded-full text-xs" style="background: #1e1b4b; color: #c4b5fd; border: 1px solid #6d28d9; box-shadow: 0 0 10px rgba(109, 40, 217, 0.4);">
    Antithetical
  </span>
</div>

<!-- Bottom Accent -->
<div class="pt-4">
  <p class="text-xs" style="color: #6b21a8; text-shadow: 0 0 8px #8b5cf6;">
    ────── ⋆⋅☆⋅⋆ ──────
  </p>
</div>