diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index e1bcb5e..5425761 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -39,7 +39,7 @@ async function handleLogin() {
   <div class="flex min-h-svh flex-col items-center justify-center gap-6 bg-background p-6">
     <img src="/Alpha.svg" alt="Alpha" class="h-10 w-auto dark:invert" />
 
-    <Card class="w-full max-w-sm cursor-pointer transition-colors border-primary/50">
+    <Card class="w-full max-w-sm bg-gradient-to-t from-primary/5 to-card shadow-xs dark:bg-card">
       <CardHeader>
         <CardTitle class="text-2xl">Iniciar sesión</CardTitle>
       </CardHeader>