<div class="w-full max-w-sm bg-slate border border-white/10 rounded-xl p-8">
  <div class="text-center mb-6">
    <div class="text-2xl font-display tracking-wider">Mystic<span class="text-gold">Hub</span></div>
    <div class="text-xs uppercase tracking-widest text-bone/40 mt-1"><?= e(t('hub.staff_workspace')) ?></div>
  </div>
  <form method="POST" action="<?= url('/hub/login') ?>" class="space-y-4">
    <?= csrf_field() ?>
    <div>
      <label class="label"><?= e(t('hub.login.username')) ?></label>
      <input name="username" required autofocus class="input">
    </div>
    <div>
      <label class="label"><?= e(t('hub.login.password')) ?></label>
      <input type="password" name="password" required class="input">
    </div>
    <button class="btn-gold w-full"><?= e(t('hub.login.submit')) ?></button>
  </form>
</div>
