crea un inicio de sesion mas moderno tomando como referencia lo siguiente {% load static %} <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Reserva Hotelera</title> <link rel="stylesheet" href="{% static 'usuarios/css/styles.css' %}"> </head> <body> <!-- Encabezado --> <header> <nav> <a href="#"><img src="{% static 'usuarios/images/logo.png' %}" class= "imglogo" alt="Logo del Hotel"></a> <ul> <li><a href="{% url 'home' %}">Inicio</a></li> <li><a href="#">Habitaciones</a></li> <li><a href="#">Servicios</a></li> <li><a href="#">Contacto</a></li> <li><a href="{% url 'registro' %}">Registrarse</a></li> </ul> </nav> </header> <section class="login-container"> <div class="login-box"> <h2>Iniciar Sesión</h2> | A shadcn/ui and v0 generation - v0