Forms | iZOXVL slippery dragonfly 42

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="max-w-lg w-full">
  <div
    style="box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);"
    class="bg-gray-800 rounded-lg shadow-xl overflow-hidden"
  >
    <div class="p-8">
      <h2 class="text-center text-3xl font-extrabold text-white">
        Welcome Back
      </h2>
      <p class="mt-4 text-center text-gray-400">Sign in to continue</p>
      <form method="POST" action="#" class="mt-8 space-y-6">
        <div class="rounded-md shadow-sm">
          <div>
            <label class="sr-only" for="email">Email address</label>
            <input
              placeholder="Email address"
              class="appearance-none relative block w-full px-3 py-3 border border-gray-700 bg-gray-700 text-white rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
              required=""
              autocomplete="email"
              type="email"
              name="email"
              id="email"
            />
          </div>