diff --git a/static/css/login-style.css b/static/css/login-style.css
index 93b8e83..f015d71 100644
--- a/static/css/login-style.css
+++ b/static/css/login-style.css
@@ -8,7 +8,7 @@
 }
 
 body {
-	background: linear-gradient(90deg, #C7C5F4, #776BCC);	
+	background: linear-gradient(90deg, #0066cc, #33ccff);
     overflow: hidden;
 }
 
@@ -137,6 +137,9 @@ body {
 	cursor: pointer;
 	transition: .2s;
 }
+.login__submit:hover {
+    background: #96dcf3;
+}
 
 .login__submit:active,
 .login__submit:focus,
@@ -192,4 +195,13 @@ body {
 
 .logo{
     width: 64px;
+}
+
+.login-footer{
+	padding: 4px;
+    margin-top: -21px;
+    container-type: inline-size;
+    color: #000;
+    font-size: 12px;
+    font-family: serif;
 }
\ No newline at end of file
diff --git a/views/login.ejs b/views/login.ejs
index 1fe23ca..4c3eb22 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -3,6 +3,20 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
+    <link rel="manifest" href="/images/favicon/site.webmanifest">
+    <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="shortcut icon" href="/images/favicon/favicon.ico">
+    <meta name="apple-mobile-web-app-title" content="Pax S90">
+    <meta name="application-name" content="Pax S90">
+    <meta name="msapplication-TileColor" content="#00aba9">
+    <meta name="msapplication-TileImage" content="/images/favicon/mstile-144x144.png">
+    <meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#ffffff">
+    
     <title>Login</title>
     <link rel="stylesheet" href="/css/login-style.css">
 </head>
@@ -15,13 +29,10 @@
             <div class="screen__content">
                 <div class="login-title">
                     <h3>Terminal Diagnostic Helper</h3>
-                    <span>v1.0.0</span>
+                    <span id="version"></span>
                 <!-- <p class="login-title"> <br> </p>     -->
                 </div>
                 
-                
-               
- 
                 <form class="login" action="/auth" method="post">
                     <% if (message) { %>
                         <div class="error-message"><%= message %></div>
@@ -43,7 +54,7 @@
 
                 <div class="social-login">
                     
-                    <img class="logo" src="/images/logo.png" alt="" sizes="20px" >
+                    <img class="logo" src="/images/favicon/favicon.ico" alt="" sizes="20px" >
                     <h3>SERVICE VOLGA</h3>
                     <div class="social-icons">
                         <a href="#" class="social-login__icon fab fa-instagram"></a>
@@ -58,10 +69,15 @@
                 <span class="screen__background__shape screen__background__shape2"></span>
                 <span class="screen__background__shape screen__background__shape1"></span>
             </div>	
-            <p>  © 2024 Ал Омаири Ахмед  </p>	
+            <p class="login-footer"> © 2024 Ал Омаири Ахмед </p>	
         </div>
         
     </div>
  
 </body>
+<script src="js/auth.js"></script>
+<script>
+    const version = document.getElementById('version');
+    version.innerText = serverEnv.version
+</script>
 </html>
