V0.3.3: Even more optimization

In this realease, I have further optimized Passport. The css that
Passport now uses is entirely handrolled and build via postcss (sadly).
Several bugs have also been fixed in this release, as well as a few
performance improvements relating to the admin UI.

src/styles/login.css

@@ -0,0 +1,58 @@
+@import "./base.css";
+
+@layer base {
+    html,
+    body {
+        background-color: var(--color-base);
+    }
+
+    body {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+
+@layer components {
+    .login-container {
+        width: fit-content;
+        display: flex;
+        position: relative;
+        background-color: var(--color-surface);
+        border-radius: calc(var(--spacing) * 3);
+        overflow: hidden;
+    }
+
+    .login-container > img {
+        height: calc(var(--spacing) * 96);
+        width: calc(var(--spacing) * 64);
+        object-fit: cover;
+    }
+
+    .login-container > div {
+        display: flex;
+        flex-direction: column;
+        padding: calc(var(--spacing) * 4);
+        text-align: center;
+    }
+
+    .login-form {
+        display: flex;
+        flex-direction: column;
+        row-gap: calc(var(--spacing) * 3);
+        margin-top: calc(var(--spacing) * 2);
+        margin-bottom: calc(var(--spacing) * 2);
+    }
+
+    .login-form button {
+        padding-left: calc(var(--spacing) * 4);
+        padding-right: calc(var(--spacing) * 4);
+        padding-top: calc(var(--spacing) * 2);
+        padding-bottom: calc(var(--spacing) * 2);
+
+        border-radius: calc(var(--spacing) * 2.5);
+
+        background-color: var(--color-accent);
+        color: #fff;
+    }
+}