feat(auth): polish login/register with logo, gradients and animations

2026-02-28 22:59:08 +01:00
parent 2f9929bf50
commit 7ed9219ffd
5 changed files with 221 additions and 6 deletions
@@ -210,6 +210,42 @@ input {
  font-size: var(--font-lg);
 }

+.logo-mark {
+  width: 56px;
+  height: 56px;
+  color: var(--accent);
+  margin: 0 auto var(--space-4);
+  display: block;
+}
+
+.auth-title {
+  font-size: var(--font-2xl);
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: var(--space-1);
+}
+
+.auth-tagline {
+  color: var(--text-secondary);
+  font-size: var(--font-sm);
+  margin-bottom: var(--space-6);
+}
+
+@keyframes auth-error-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.auth-error {
+  animation: auth-error-in 0.2s ease-out;
+}
+
 .auth-card form {
  display: flex;
  flex-direction: column;