diff --git a/source/main/static/css/main.css b/source/main/static/css/main.css
index 0c10983..38adeee 100644
--- a/source/main/static/css/main.css
+++ b/source/main/static/css/main.css
@@ -320,6 +320,18 @@ section#notice a {
   height: 2.9rem;
 }
 
+/* LOGIN / LOGOUT */
+
+#login-form {
+  width: 16rem;
+  margin: auto;
+  text-align: center;
+}
+
+#login-form > * {
+  margin-top: .5rem;
+}
+
 /* ICONS; cfr: https://css.gg */
 
 .gg-time {
diff --git a/source/main/views.py b/source/main/views.py
index 0cb8760..a407e55 100644
--- a/source/main/views.py
+++ b/source/main/views.py
@@ -44,3 +44,7 @@ def movie(request, id):
 def api(request):
     context = Movie.objects.api(request)
     return JsonResponse(context)
+
+
+def error_404(request, exception):
+    return render(request, "404.html")
diff --git a/source/mauflix/urls.py b/source/mauflix/urls.py
index f5a2e96..50d31e3 100644
--- a/source/mauflix/urls.py
+++ b/source/mauflix/urls.py
@@ -17,4 +17,7 @@ urlpatterns = [
     path("movie/<int:id>", views.movie, name="movie"),
     path("ultimas/rss/", LatestMoviesFeed()),
     path("admin/", admin.site.urls),
+    path("user/", include("django.contrib.auth.urls")),
 ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+
+handler404 = views.error_404
diff --git a/source/templates/404.html b/source/templates/404.html
new file mode 100644
index 0000000..01fddf2
--- /dev/null
+++ b/source/templates/404.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<section class="hero">
+  <div class="hero-body">
+    <p class="title"> ¡Ups! Página no encontrada.</p>
+  </div>
+</section>
+
+{% endblock %}
diff --git a/source/templates/nav.html b/source/templates/nav.html
index 77162a4..807897d 100644
--- a/source/templates/nav.html
+++ b/source/templates/nav.html
@@ -23,7 +23,11 @@
           <a class="navbar-item" href="{% url 'about' %}" >Acerca</a>
           <a class="navbar-item" href="{% url 'help' %}" >Ayuda</a>
           <hr class="navbar-divider">
-          <a class="navbar-item" href="{% url 'admin:index' %}">Ingresa</a>
+          {% if user.is_authenticated %}
+            <a class="navbar-item" href="{% url 'logout' %}?next={{ request.path }}">Salir</a>
+          {% else %}
+            <a class="navbar-item" href="{% url 'login' %}?next={{ request.path }}">Ingresa</a>
+          {% endif %}
           <!--
           <a class="navbar-item" href="{% url 'bugs' %}">Reporta un problema</a>
           -->
diff --git a/source/templates/registration/login.html b/source/templates/registration/login.html
new file mode 100644
index 0000000..410524c
--- /dev/null
+++ b/source/templates/registration/login.html
@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="hero full">
+  <div class="hero-body">
+    <form id="login-form" method="post">
+      {% csrf_token %}
+      <input class="input is-primary" placeholder="Usuario" type="text" name="username" autofocus="" autocapitalize="none" autocomplete="username" maxlength="150" required="" id="id_username">
+      <input class="input is-primary" placeholder="Contraseña" type="password" name="password" autocomplete="current-password" required="" id="id_password">
+      <button class="button is-primary" type="submit">Ingresa</button>
+    </form>
+  </div>
+</div>
+{% endblock %}