Correção de bugs

login.css

@@ -1,126 +1,100 @@
-* {
-    padding: 0;
-    margin: 0;
-  }
-  
-  p,
-  h1,
-  h2,
-  h3 {
-    color: black;
-    margin: 0;
-    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-  }
-  
-  label{
-  display: block;
-  }
-  
-  body {
-    height: 100vh;
-    display: flex;
-    justify-content: center;    
-    align-items: center;   
-  }
-  
-  @media (max-width: 768px) {
-  body {
-    padding-left: 20px;
-    padding-right: 20px;
-    justify-content: center;
-  }
-  }
-  
-  @media (max-width: 480px) {
-  #log {
-    width: 100% !important;
-    max-width: 320px;
-  }
-  
-  }     
-  #topo {
-    width: 100%;
-    height: 50px;
-    background-color: #111;
-    position: fixed;
-    top: 0;
-    left: 0;
-    background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%);
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-  }
-  
-  #textotop {
-    padding-left: 20px;
-    font-size: 38px;
-    margin: 0;
-    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-  }
-  
-  #log {
-    width: 350px;
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-    color: white;
-    margin-top: 70px; /* Compensa a barra fixa do topo */
-  }
-  #campo {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-    align-self: center;
-  }
-  #menslog{
-  font-size: 20px;
-  }
-  
-  #emailid, #senhaid {
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  min-height: 100vh;
+  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 80px 20px 20px;
+  background: #f5f5f5;
+}
+
+#topo {
+  width: 100%;
   height: 50px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: linear-gradient(to right, #c0392b 47%, #7a4951 73%, #114455 87%);
+  display: flex;
+  align-items: center;
+  z-index: 10;
+}
+
+#textotop {
+  padding-left: 20px;
+  font-size: clamp(22px, 5vw, 38px);
+  color: #fff;
+}
+
+#log {
+  width: 100%;
+  max-width: 360px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.mens {
+  text-align: center;
+  color: #1f2937;
+}
+
+.campo {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+label {
+  font-weight: 700;
+  color: #1f2937;
+}
+
+#emailid,
+#senhaid {
+  height: 46px;
   width: 100%;
   padding: 10px;
   font-size: 16px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  box-sizing: border-box;
-  }
-  
-  label {
-  display: block;
-  margin-bottom: 5px;
-  font-weight: bold;
-  color: white;
-  }
-  
-  form {
+  border: 1px solid #c7c7c7;
+  border-radius: 6px;
+}
+
+form {
   display: flex;
   flex-direction: column;
-  gap: 15px;
-  width: 100%;
-  }
-  
-  #logbtn {
+  gap: 16px;
+}
+
+#logbtn {
   align-self: center;
   width: 50%;
   padding: 12px;
   font-size: 18px;
   font-weight: bold;
-  background-color: #C0392B;
-  color: white;
+  background-color: #c0392b;
+  color: #fff;
   border: none;
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
-  transition: background-color 0.3s;
-  }
-  
-  #logbtn:hover {
-  background-color: #A03224;
-  }
-  .mens {
-  align-self: center;
-  }
-  #linkcada{
-     color: #111;
-     text-decoration: none;
-  }
+  transition: background-color 0.2s ease;
+}
+
+#logbtn:hover {
+  background-color: #a03224;
+}
+
+#linkcada {
+  color: #111;
+  text-decoration: none;
+}
+
+#linkcada:hover {
+  text-decoration: underline;
+}