Cards | ardianhu stale lionfish 9

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="terminal p-5 rounded-lg font-mono min-w-[480px]">
  <div
    class="terminal-header bg-zinc-700 text-white p-2 rounded-t-lg flex items-center"
  >
    <span class="text-red-500 text-5xl leading-[0px] align-middle -mt-2"
      >•</span
    >
    <span class="text-yellow-500 text-5xl leading-[0px] align-middle -mt-2 ml-1"
      >•</span
    >
    <span class="text-green-500 text-5xl leading-[0px] align-middle -mt-2 ml-1"
      >•</span
    >
    <span class="ml-4 align-baseline">authentication --- bash - zsh </span>
  </div>
  <div class="pl-4 pt-2 bg-gray-900 max-h-[500px] overflow-auto" id="output">
    <p class="text-gray-500">You need to authenticate to continue!</p>
    <p class="text-sky-300">Enter 1 to login</p>
    <p class="text-sky-300">Enter 2 to register</p>
  </div>
  <div
    class="input flex pl-4 bg-gray-900 pb-4 rounded-b-lg items-center"
    id="terminal-input-container"
  >