fixed login page

static/css/dashboard.css

@@ -105,14 +105,16 @@ body {
 
 .login-card {
     background: var(--bg1);
-    border-radius: 20px;
-    padding: 3rem 2.5rem;
+    border-radius: 24px;
+    padding: 4rem 2.5rem 3rem;
     width: 100%;
-    max-width: 420px;
+    max-width: 440px;
     box-shadow: var(--shadow-lg);
     border: 1px solid var(--bg2);
     text-align: center;
     animation: slideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
+    position: relative;
+    overflow: hidden;
 }
 
 @keyframes slideUp {
@@ -127,16 +129,16 @@ body {
 }
 
 .login-header {
-    margin-bottom: 2.5rem;
+    margin-bottom: 3rem;
 }
 
 .login-logo {
-    width: 120px;
-    height: 120px;
-    max-width: 40vw;
-    margin: 0 auto 1.5rem;
-    border-radius: 20px;
-    box-shadow: var(--shadow-lg);
+    width: 100px;
+    height: 100px;
+    max-width: 35vw;
+    margin: 0 auto 1.25rem;
+    border-radius: 16px;
+    box-shadow: var(--shadow);
     object-fit: contain;
     image-rendering: -webkit-optimize-contrast;
     image-rendering: crisp-edges;
@@ -168,15 +170,16 @@ body {
 
 .form-group label {
     position: absolute;
-    top: 0.75rem;
-    left: 1rem;
+    top: 1rem;
+    left: 1.25rem;
     font-size: 0.875rem;
     color: var(--fg3);
     font-weight: 500;
     pointer-events: none;
-    transition: all 0.2s;
+    transition: all 0.25s ease;
     background: var(--bg1);
-    padding: 0 0.25rem;
+    padding: 0 0.375rem;
+    z-index: 2;
 }
 
 .form-group input:focus + label,
@@ -188,7 +191,7 @@ body {
 }
 
 .form-group input {
-    padding: 1.25rem 1rem 0.75rem;
+    padding: 1.5rem 1.25rem 1rem;
     background: var(--bg0);
     border: 2px solid var(--bg3);
     border-radius: 12px;
@@ -234,8 +237,8 @@ body {
 }
 
 .login-footer {
-    margin-top: 1.5rem;
-    padding-top: 1.5rem;
+    margin-top: 2rem;
+    padding-top: 1.75rem;
     border-top: 1px solid var(--bg2);
 }