From e08f16bbaa84fd3a7ee8a6f717914e72128ba1be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Wed, 6 Aug 2025 00:59:58 -0300
Subject: [PATCH] update login

---
 id.saladeaula.digital/app/routes/login.html | 84 ++++++++++++---------
 1 file changed, 50 insertions(+), 34 deletions(-)
diff --git a/id.saladeaula.digital/app/routes/login.html b/id.saladeaula.digital/app/routes/login.html
index 5e17dd2..a251453 100644
--- a/id.saladeaula.digital/app/routes/login.html
+++ b/id.saladeaula.digital/app/routes/login.html
@@ -6,41 +6,57 @@
     <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
   </head>
   <body
-    class="bg-black text-white flex items-center justify-center min-h-screen"
+    class="font-sans antialiased bg-black text-white flex items-center justify-center min-h-screen"
   >
-    <form
-      method="POST"
-      action="/login"
-      class="bg-gray-900 p-8 rounded-lg shadow-lg w-full max-w-sm space-y-4"
-    >
-      <div>
-        <label for="username" class="block mb-1">Email ou CPF</label>
-        <input
-          type="text"
-          id="username"
-          name="username"
-          class="w-full p-2 rounded bg-gray-800 text-white border border-gray-700"
-          required
-        />
-      </div>
-
-      <div>
-        <label for="password" class="block mb-1">Senha</label>
-        <input
-          type="password"
-          id="password"
-          name="password"
-          class="w-full p-2 rounded bg-gray-800 text-white border border-gray-700"
-          required
-        />
-      </div>
-
-      <button
-        type="submit"
-        class="w-full bg-blue-600 hover:bg-blue-700 transition-colors p-2 rounded font-semibold"
+    <div class="w-full max-w-sm relative">
+      <div
+        aria-hidden="true"
+        class="absolute inset-0 grid grid-cols-2 opacity-20"
       >
-        Entrar
-      </button>
-    </form>
+        <div
+          class="blur-[106px] h-56 bg-gradient-to-br to-lime-400 from-lime-700"
+        ></div>
+        <div
+          class="blur-[106px] h-42 bg-gradient-to-r from-lime-400 to-lime-600"
+        ></div>
+      </div>
+      <form method="POST" action="/login" class="space-y-6 relative z-1">
+        <div class="grid gap-2">
+          <label for="username" class="text-sm leading-none font-medium">
+            Email ou CPF
+          </label>
+          <input
+            type="text"
+            id="username"
+            name="username"
+            class="border border-white/15 bg-white/8 w-full rounded-lg px-3 py-1.5 shadow-sm outline-none focus-visible:border-white/30 focus-visible:ring-white/20 focus-visible:ring-3 transition"
+            required
+          />
+        </div>
+
+        <div class="grid gap-2">
+          <div class="flex justify-between items-center">
+            <label for="password" class="text-sm leading-none font-medium">
+              Senha
+            </label>
+            <a href="#" class="text-sm" tabindex="-1">Esqueceu sua senha?</a>
+          </div>
+          <input
+            type="password"
+            id="password"
+            name="password"
+            class="border border-white/15 bg-white/8 w-full rounded-lg px-3 py-1.5 shadow-sm outline-none focus-visible:border-white/30 focus-visible:ring-white/20 focus-visible:ring-3 transition"
+            required
+          />
+        </div>
+
+        <button
+          type="submit"
+          class="w-full text-sm font-medium text-black bg-lime-400 rounded-lg px-4 py-2 h-9"
+        >
+          Entrar
+        </button>
+      </form>
+    </div>
   </body>
 </html>
