Crea una pantalla de inicio de sesión siguiendo las mejores prácticas de diseño para la app Astrocyte. Esta app es un sistema de expediente clínico electrónico diseñado para doctores. Usa los siguientes elementos y patrones de diseño proporcionados:
Diseño General:
Título Principal: "Astrocyte"
Subtítulo: "Expediente clínico inteligente"
Call to Action (CTA): "¡Bienvenido, doctor! Inicie sesión en Astrocyte"
Formulario de Ingreso:
Campo 1: "Usuario" (Input de texto)
Campo 2: "Contraseña" (Input de contraseña)
Botón de envío: "Iniciar Sesión"
Paleta de colores: Usa los colores primarios y secundarios proporcionados en el diseño (Azul Oscuro, Azul Claro, Blanco, Gris).
Estilo del botón: Botón de color Azul Oscuro con texto blanco. Estilo minimalista, borde suave.
Fuente: Usar una fuente moderna y profesional.
Especificaciones técnicas:
La pantalla debe ser responsiva para adaptarse a dispositivos móviles, tablets y desktop.
Implementar la interfaz usando TailwindCSS.
Usa Next.js | A shadcn/ui and v0 generation - v0
