links

frontend/src/styles/auth/login.css

@@ -1,14 +1,57 @@
+
 .login-screen {
   min-height: 100vh;
   min-height: 100dvh;
   height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background: var(--bg);
   padding: 2rem;
 }
 
+.login-screen__inner {
+  min-height: calc(100vh - 4rem);
+  min-height: calc(100dvh - 4rem);
+  max-width: 24rem;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 1.75rem;
+}
+
+.login-screen__content {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.75rem;
+}
+
+.login-screen__brand {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.65rem;
+  text-align: center;
+}
+
+.login-screen__brand img {
+  width: 5.5rem;
+  height: 5.5rem;
+  border-radius: 1rem;
+  border: none;
+  background: transparent;
+  padding: 0;
+  box-shadow: none;
+}
+
+.login-screen__brand h1 {
+  margin: 0;
+  font-size: 2.35rem;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+}
+
 .login-card {
   width: min(340px, 100%);
   background: var(--surface);
@@ -20,12 +63,6 @@
   gap: 1rem;
 }
 
-.login-card h1 {
-  margin: 0;
-  font-size: 1.6rem;
-  font-weight: 600;
-}
-
 .login-card p {
   margin: 0;
   color: var(--muted);