fodase :)

meco meram, meco meram, meco meram

cadastro.css

@@ -1,103 +1,113 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-body {
-  min-height: 100vh;
-  font-family: 'Poppins', 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;
-  font-weight: 500;
-}
-
-#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,
-#nomeid,
-#csenhaid {
-  height: 46px;
-  width: 100%;
-  padding: 10px;
-  font-size: 16px;
-  border: 1px solid #c7c7c7;
-  border-radius: 6px;
-}
-
-form {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-#logbtn {
-  align-self: center;
-  width: 50%;
-  padding: 12px;
-  font-size: 18px;
-  font-weight: bold;
-  background-color: #c0392b;
-  color: #fff;
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: background-color 0.2s ease;
-}
-
-#logbtn:hover {
-  background-color: #a03224;
-}
-
-a {
-  color: #111;
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
-}
+* { margin: 0; padding: 0; box-sizing: border-box; }
+
+
+body {
+  min-height: 100vh;
+  font-family: 'Poppins', 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: 400px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  background-color: white;
+  border: rgba(0, 0, 0, 0.174) solid 3px;
+  border-radius: 10px;
+  padding: 10px;
+  border-top: 0px;
+  border-left: 0px;
+}
+
+.mens { text-align: center; color: #1f2937; }
+.campo { display: flex; flex-direction: column; gap: 8px; }
+label { font-weight: 700; color: #1f2937; }
+
+input, select {
+  height: 46px;
+  width: 100%;
+  padding: 10px;
+  font-size: 16px;
+  border: 1px solid #c7c7c7;
+  border-radius: 6px;
+  font-family: inherit;
+  background: #fff;
+}
+
+form { display: flex; flex-direction: column; gap: 16px; }
+
+.linha-dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
+
+#logbtn {
+  align-self: center;
+  width: 50%;
+  padding: 12px;
+  font-size: 18px;
+  font-weight: bold;
+  background-color: #c0392b;
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+    border: rgba(124, 20, 20, 0.496) solid 2px;
+  border-radius: 10px;
+  padding: 10px;
+  border-top: 0px;
+  border-left: 0px;
+}
+
+#logbtn:hover { 
+  background-color: #114455; 
+  border: #14323c6f solid 2px;
+  border-radius: 10px;
+  padding: 10px;
+  border-top: 0px;
+  border-left: 0px;}
+#logbtn:disabled { background-color: #ccc; cursor: not-allowed; }
+
+a { color: #111; text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+#mensagem-erro {
+  background: #fee2e2;
+  border: 1px solid #fca5a5;
+  color: #b91c1c;
+  padding: 10px 14px;
+  border-radius: 6px;
+  font-size: 14px;
+  display: none;
+}
+
+#mensagem-sucesso {
+  background: #d1fae5;
+  border: 1px solid #6ee7b7;
+  color: #065f46;
+  padding: 10px 14px;
+  border-radius: 6px;
+  font-size: 14px;
+  display: none;
+}