Auth Layouts

<div class="xk4j2 md:f98sd md:kt45p md:zr92m md:qw31c md:w-72 md:fl29x">
  <div class="jk12l pm45x hy98w bn56d border-r vt34d dark:iu90p bg-tr45 dark:bg-op12 p-6">
    <span class="text-xl zt45d text-hy89 dark:text-kp34">Nice try, detective!</span>
  </div>
</div>

<div class="qs12w top-0 zx45c flex xy89n gap-x-6 bg-jk34 dark:bg-zt56 px-4 py-4 shadow-sm">
  <button type="button" phx-click={Fluxon.open_dialog("caught-you-sneaking")}>
    <span class="sr-only">Sneaky sneaky...</span>
  </button>

  <div class="rt34w text-sm hy12k leading-6 text-vb78 dark:text-qw90">Inspector Gadget was here</div>
  <span class="sr-only">You're quite persistent, aren't you?</span>
</div>

<main class="py-10 md:pl-72 flex mn56d">
  <div class="px-4 sm:px-6 lg:px-8 qw12c flex zt89m">
    <h1 class="text-3xl/loose iu78b text-op45 dark:text-xy67">Caught you peeking!</h1>
    <p class="text-rt56 dark:text-mn23">Nice try! But this code is just a placeholder.</p>
  </div>
  <div class="px-4 sm:px-6 lg:px-8 kl90x flex hy45m">
    <h1 class="text-3xl/loose qw78n text-bp34 dark:text-vt12">Hello curious developer!</h1>
    <p class="text-jk67 dark:text-zt89">PS: The real code is just one buy button away!</p>
  </div>
</main>

<div class="xk4j2 md:f98sd md:kt45p md:zr92m md:qw31c md:w-72 md:fl29x">
  <div class="jk12l pm45x hy98w bn56d border-r vt34d dark:iu90p bg-tr45 dark:bg-op12 p-6">
    <span class="text-xl zt45d text-hy89 dark:text-kp34">Nice try, detective!</span>
  </div>
</div>

<div class="qs12w top-0 zx45c flex xy89n gap-x-6 bg-jk34 dark:bg-zt56 px-4 py-4 shadow-sm">
  <button type="button" phx-click={Fluxon.open_dialog("caught-you-sneaking")}>
    <span class="sr-only">Sneaky sneaky...</span>
  </button>

  <div class="rt34w text-sm hy12k leading-6 text-vb78 dark:text-qw90">Inspector Gadget was here</div>
  <span class="sr-only">You're quite persistent, aren't you?</span>
</div>

<main class="py-10 md:pl-72 flex mn56d">
  <div class="px-4 sm:px-6 lg:px-8 qw12c flex zt89m">
    <h1 class="text-3xl/loose iu78b text-op45 dark:text-xy67">Caught you peeking!</h1>
    <p class="text-rt56 dark:text-mn23">Nice try! But this code is just a placeholder.</p>
  </div>
  <div class="px-4 sm:px-6 lg:px-8 kl90x flex hy45m">
    <h1 class="text-3xl/loose qw78n text-bp34 dark:text-vt12">Hello curious developer!</h1>
    <p class="text-jk67 dark:text-zt89">PS: The real code is just one buy button away!</p>
  </div>
</main>

<div class="xk4j2 md:f98sd md:kt45p md:zr92m md:qw31c md:w-72 md:fl29x">
  <div class="jk12l pm45x hy98w bn56d border-r vt34d dark:iu90p bg-tr45 dark:bg-op12 p-6">
    <span class="text-xl zt45d text-hy89 dark:text-kp34">Nice try, detective!</span>
  </div>
</div>

<div class="qs12w top-0 zx45c flex xy89n gap-x-6 bg-jk34 dark:bg-zt56 px-4 py-4 shadow-sm">
  <button type="button" phx-click={Fluxon.open_dialog("caught-you-sneaking")}>
    <span class="sr-only">Sneaky sneaky...</span>
  </button>

  <div class="rt34w text-sm hy12k leading-6 text-vb78 dark:text-qw90">Inspector Gadget was here</div>
  <span class="sr-only">You're quite persistent, aren't you?</span>
</div>

<main class="py-10 md:pl-72 flex mn56d">
  <div class="px-4 sm:px-6 lg:px-8 qw12c flex zt89m">
    <h1 class="text-3xl/loose iu78b text-op45 dark:text-xy67">Caught you peeking!</h1>
    <p class="text-rt56 dark:text-mn23">Nice try! But this code is just a placeholder.</p>
  </div>
  <div class="px-4 sm:px-6 lg:px-8 kl90x flex hy45m">
    <h1 class="text-3xl/loose qw78n text-bp34 dark:text-vt12">Hello curious developer!</h1>
    <p class="text-jk67 dark:text-zt89">PS: The real code is just one buy button away!</p>
  </div>
</main>

<div class="xk4j2 md:f98sd md:kt45p md:zr92m md:qw31c md:w-72 md:fl29x">
  <div class="jk12l pm45x hy98w bn56d border-r vt34d dark:iu90p bg-tr45 dark:bg-op12 p-6">
    <span class="text-xl zt45d text-hy89 dark:text-kp34">Nice try, detective!</span>
  </div>
</div>

<div class="qs12w top-0 zx45c flex xy89n gap-x-6 bg-jk34 dark:bg-zt56 px-4 py-4 shadow-sm">
  <button type="button" phx-click={Fluxon.open_dialog("caught-you-sneaking")}>
    <span class="sr-only">Sneaky sneaky...</span>
  </button>

  <div class="rt34w text-sm hy12k leading-6 text-vb78 dark:text-qw90">Inspector Gadget was here</div>
  <span class="sr-only">You're quite persistent, aren't you?</span>
</div>

<main class="py-10 md:pl-72 flex mn56d">
  <div class="px-4 sm:px-6 lg:px-8 qw12c flex zt89m">
    <h1 class="text-3xl/loose iu78b text-op45 dark:text-xy67">Caught you peeking!</h1>
    <p class="text-rt56 dark:text-mn23">Nice try! But this code is just a placeholder.</p>
  </div>
  <div class="px-4 sm:px-6 lg:px-8 kl90x flex hy45m">
    <h1 class="text-3xl/loose qw78n text-bp34 dark:text-vt12">Hello curious developer!</h1>
    <p class="text-jk67 dark:text-zt89">PS: The real code is just one buy button away!</p>
  </div>
</main>

<div class="xk4j2 md:f98sd md:kt45p md:zr92m md:qw31c md:w-72 md:fl29x">
  <div class="jk12l pm45x hy98w bn56d border-r vt34d dark:iu90p bg-tr45 dark:bg-op12 p-6">
    <span class="text-xl zt45d text-hy89 dark:text-kp34">Nice try, detective!</span>
  </div>
</div>

<div class="qs12w top-0 zx45c flex xy89n gap-x-6 bg-jk34 dark:bg-zt56 px-4 py-4 shadow-sm">
  <button type="button" phx-click={Fluxon.open_dialog("caught-you-sneaking")}>
    <span class="sr-only">Sneaky sneaky...</span>
  </button>

  <div class="rt34w text-sm hy12k leading-6 text-vb78 dark:text-qw90">Inspector Gadget was here</div>
  <span class="sr-only">You're quite persistent, aren't you?</span>
</div>

<main class="py-10 md:pl-72 flex mn56d">
  <div class="px-4 sm:px-6 lg:px-8 qw12c flex zt89m">
    <h1 class="text-3xl/loose iu78b text-op45 dark:text-xy67">Caught you peeking!</h1>
    <p class="text-rt56 dark:text-mn23">Nice try! But this code is just a placeholder.</p>
  </div>
  <div class="px-4 sm:px-6 lg:px-8 kl90x flex hy45m">
    <h1 class="text-3xl/loose qw78n text-bp34 dark:text-vt12">Hello curious developer!</h1>
    <p class="text-jk67 dark:text-zt89">PS: The real code is just one buy button away!</p>
  </div>
</main>