fadsad

public/assets/auth/login.css

@@ -12,9 +12,8 @@ body {
     min-height: 100vh;
     color: #f8fafc;
     background:
-        radial-gradient(circle at 18% 84%, rgba(142, 214, 119, 0.22), transparent 18%),
-        linear-gradient(0deg, rgba(14, 27, 19, 0.28), rgba(14, 27, 19, 0.28)),
-        linear-gradient(135deg, #26442b 0%, #355939 26%, #5f4a2f 58%, #22351f 100%);
+        linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)),
+        url("/assets/auth/skyline.png") center center / cover no-repeat fixed;
 }
 
 .login-shell {
@@ -30,8 +29,9 @@ body {
     position: absolute;
     inset: 0;
     background:
-        linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 16%),
-        radial-gradient(circle at center, transparent 24%, rgba(7, 13, 8, 0.18) 100%);
+        linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(15, 23, 42, 0.18)),
+        radial-gradient(circle at center, rgba(255, 255, 255, 0.04), rgba(10, 18, 28, 0.16) 100%);
+    backdrop-filter: blur(18px) saturate(1.08);
     pointer-events: none;
 }
 
@@ -39,16 +39,16 @@ body {
     width: min(420px, 100%);
     position: relative;
     z-index: 1;
-    padding: 0;
-    border-radius: 0;
-    background: transparent;
-    border: 0;
-    box-shadow: none;
-    backdrop-filter: none;
+    padding: 28px;
+    border-radius: 30px;
+    background: rgba(255, 255, 255, 0.12);
+    border: 1px solid rgba(255, 255, 255, 0.24);
+    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
+    backdrop-filter: blur(22px) saturate(1.08);
 }
 
 .login-panel-wide {
-    width: min(460px, 100%);
+    width: min(560px, 100%);
 }
 
 .login-panel-admin {
@@ -84,7 +84,7 @@ body {
 
 .login-copy {
     margin: 0;
-    color: rgba(248, 250, 252, 0.9);
+    color: rgba(248, 250, 252, 0.96);
     line-height: 1.5;
 }
 
@@ -140,7 +140,7 @@ body {
 
 .login-form {
     display: grid;
-    gap: 12px;
+    gap: 16px;
 }
 
 .login-form-grid {
@@ -166,7 +166,7 @@ body {
     padding: 0 18px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.10);
-    background: rgba(213, 223, 193, 0.54);
+    background: rgba(239, 245, 226, 0.78);
     color: #f8fafc;
     font: inherit;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
@@ -183,7 +183,7 @@ body {
 
 .login-field input::placeholder,
 .login-field textarea::placeholder {
-    color: rgba(248, 250, 252, 0.82);
+    color: rgba(255, 255, 255, 0.88);
 }
 
 .login-field input:focus,