chg: usr: improve the gfx on homepage - implement login/register and activation for authentication - and add the first version of profile page #4

assets/css/homepage/_hero-compact.scss

@@ -0,0 +1,49 @@
+.hero--compact {
+    min-height: unset;
+    padding: 36px 60px 48px;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    text-align: left;
+    gap: 52px;
+
+    &::before, &::after { display: none; }
+
+    .hero-logo {
+        flex-shrink: 0;
+        margin-bottom: 0;
+
+        img { width: 180px; }
+    }
+
+    .hero-body {
+        align-items: flex-start;
+    }
+
+    .hero-sub {
+        font-size: 14px;
+        letter-spacing: 2px;
+        margin-bottom: 10px;
+    }
+
+    h1 {
+        font-size: 26px;
+        margin-bottom: 24px;
+        letter-spacing: 0;
+    }
+
+    .hero-cta {
+        padding: 12px 52px 10px;
+        font-size: 18px;
+        letter-spacing: 4px;
+    }
+
+    .hero-meta {
+        margin-top: 20px;
+    }
+}
+
+// Also shrink the bottom fade on sub-pages
+header:has(.hero--compact)::after {
+    height: 60px;
+}