<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>T3-Tech | Application Portal</title>

  <script src="https://cdn.tailwindcss.com"></script>

</head>

<body class="min-h-screen bg-[#343131] text-white flex items-center justify-center p-6 font-sans antialiased">

  <div class="w-full max-w-2xl space-y-8">

    <!-- Header -->

    <div class="text-center space-y-2">

      <div class="inline-flex h-12 w-12 bg-[#00baff] rounded-xl items-center justify-center font-black text-white text-lg shadow-lg">

        T3

      </div>

      <h1 class="text-3xl font-bold tracking-tight">T3-Tech Portal</h1>

      <p class="text-sm text-slate-300">Select an application to continue</p>

    </div>

    <!-- App Launcher Cards -->

    <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">

      <!-- EET App Card -->

      <a

        href="https://eet.t3-tech.co.uk"

        class="group bg-[#323b4c] border border-slate-700/70 hover:border-[#00baff] rounded-2xl p-6 shadow-xl transition flex flex-col justify-between space-y-4"

      >

        <div class="space-y-2">

          <span class="inline-block px-2.5 py-1 bg-slate-800 text-[#00baff] text-xs font-semibold rounded-md">

            Operations

          </span>

          <h2 class="text-xl font-bold group-hover:text-[#00baff] transition">T3-EET</h2>

          <p class="text-xs text-slate-300 leading-relaxed">

            Launch the EET management and operational workspace.

          </p>

        </div>

        <div class="text-xs font-bold text-[#00baff] flex items-center gap-1">

          Open EET <span>&rarr;</span>

        </div>

      </a>

      <!-- FreeTax App Card -->

      <a

        href="https://freetax.t3-tech.co.uk"

        class="group bg-[#323b4c] border border-slate-700/70 hover:border-[#00baff] rounded-2xl p-6 shadow-xl transition flex flex-col justify-between space-y-4"

      >

        <div class="space-y-2">

          <span class="inline-block px-2.5 py-1 bg-slate-800 text-[#00baff] text-xs font-semibold rounded-md">

            Finance &amp; HMRC

          </span>

          <h2 class="text-xl font-bold group-hover:text-[#00baff] transition">T3-FreeTax</h2>

          <p class="text-xs text-slate-300 leading-relaxed">

            Freelance ledger, receipt OCR, touring per diems, and Self Assessment calculator.

          </p>

        </div>

        <div class="text-xs font-bold text-[#00baff] flex items-center gap-1">

          Open FreeTax <span>&rarr;</span>

        </div>

      </a>

    </div>

  </div>

</body>

</html>