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/_tech.scss

@@ -0,0 +1,60 @@
+main {
+    background: #07090d;
+}
+
+.tech-section {
+    padding: 48px 20px 72px;
+    text-align: center;
+    border-top: 1px solid rgba(255, 255, 255, 0.04);
+}
+
+.tech-label {
+    font: 600 11px 'Rajdhani', sans-serif;
+    text-transform: uppercase;
+    letter-spacing: 6px;
+    color: rgba(255, 255, 255, 0.14);
+    margin-bottom: 28px;
+}
+
+.tech-link {
+    display: inline-block;
+    line-height: 0;
+}
+
+.tech-logos img {
+    display: inline-block;
+    width: 52px;
+    height: 52px;
+    object-fit: contain;
+    margin: 8px 24px;
+    // Force all logos to white, then tint with the game's blue on hover
+    filter: brightness(0) invert(1) opacity(0.35);
+    transition: filter 220ms ease, transform 220ms ease;
+}
+
+.tech-logos img:hover {
+    filter:
+        brightness(0) invert(1)
+        sepia(1) saturate(3) hue-rotate(175deg) brightness(1.1)
+        opacity(0.9);
+    transform: translateY(-4px);
+}
+
+.tech-oss {
+    margin-top: 36px;
+    font: 400 15px 'Rajdhani', sans-serif;
+    color: rgba(255, 255, 255, 0.7);
+    letter-spacing: 0.5px;
+    max-width: 680px;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0 24px;
+    line-height: 1.7;
+    text-align: center;
+
+    i {
+        color: rgba(220, 60, 50, 0.85);
+        margin-right: 6px;
+        font-size: 13px;
+    }
+}