Forms | Cybercom682 rare husky 48

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<form
  class="bg-white dark:bg-zinc-900 shadow-2xl rounded-2xl overflow-hidden border-4 border-blue-400 dark:border-blue-800"
>
  <div class="px-8 py-10 md:px-10">
    <h2
      class="text-4xl font-extrabold text-center text-zinc-800 dark:text-white"
    >
      Welcome Back!
    </h2>
    <p class="text-center text-zinc-600 dark:text-zinc-400 mt-3">
      We missed you, sign in to continue.
    </p>
    <div class="mt-10">
      <div class="relative">
        <label
          class="block mb-3 text-sm font-medium text-zinc-600 dark:text-zinc-200"
          for="email"
          >Email</label
        >
        <input
          placeholder="you@example.com"
          class="block w-full px-4 py-3 mt-2 text-zinc-800 bg-white border-2 rounded-lg dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-200 focus:border-blue-500 dark:focus:border-blue-400 focus:ring-opacity-50 focus:outline-none focus:ring focus:ring-blue-400"
          name="email"
          id="email"