adaptive_fix_4

server/frontend/auth/login.css

@@ -19,18 +19,25 @@
     font-style: normal;
     font-display: swap;
 }
-body {
+
+body, html {
     font-family: "MurreyC";
-    background: url('./image/bg.png') no-repeat 100% 100% fixed;
-    background-size: cover;
     margin: 0;
     padding: 0;
 }
+.bg {
+    position: fixed;
+    inset: 0;
+
+    background: url("image/bg.webp") center center / cover no-repeat;
+
+    z-index: -1;
+}
 .glass-container {
     position: fixed;
     inset: 0;
     backdrop-filter: blur(16px);
-    background: rgba(255,255,255,0.1); /* обязательно */
+    background: rgba(20,20,20,.35);
 }
 .login-box {
     height: 100%;
@@ -39,7 +46,7 @@ body {
     justify-content: center;
     align-items: center;
     flex-direction: column;
-    background: url('./image/hamster.png') no-repeat 50% 50%;
+    background: url('./image/hamster.webp') no-repeat 50% 50%;
     padding-top: 50px;
 }
 form {
@@ -69,9 +76,12 @@ button {
     background-color: #3a1f09;
     padding: 10px 15px;
     border-radius: 33px;
-    transition: all .1s;
+    transition:
+    transform .1s ease,
+    background-color .1s ease,
+    color .1s ease;
     color: #e5b97e;
-    box-shadow: #3a1f09 2px 4px 10px 2px;
+    box-shadow: 0 4px 12px rgba(58,31,9,.3);
     cursor: pointer;
 }
 button:hover {