atualização da tela de login

2025-07-27 17:58:46 -03:00
parent df7c89f7b2
commit 0bf406aba8
2 changed files with 106 additions and 26 deletions
--- a/css/LoginStyle.css
+++ b/css/LoginStyle.css
@@ -0,0 +1,82 @@
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Inter', sans-serif;
+}
+
+body {
+  background-color: #1d1d1d;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
+.login-container {
+  background-color: #9cc1d921;
+  padding: 40px;
+  border-radius: 20px;
+  box-shadow: 0 0 20px rgba(0,0,0,0.5);
+  width: 300px;
+  text-align: center;
+}
+
+.login-container h2 {
+  color: white;
+  margin-bottom: 30px;
+  font-weight: 500;
+}
+
+.input-box {
+  position: relative;
+  margin-bottom: 20px;
+}
+
+.input-box i {
+  position: absolute;
+  top: 12px;
+  left: 10px;
+  color: white;
+}
+
+.input-box input {
+  width: 100%;
+  padding: 10px 10px 10px 35px;
+  border: none;
+  border-radius: 10px;
+  background: #1f1f1f;
+  color: white;
+  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8);
+}
+
+.input-box input::placeholder {
+  color: #aaa;
+}
+
+.buttons {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+
+.btn {
+  width: 48%;
+  padding: 10px;
+  background-color: #385c737e;
+  border: none;
+  border-radius: 8px;
+  color: white;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+.btn:hover {
+  background-color: #444;
+}
+
+.forgot {
+  width: 100%;
+  margin-top: 10px;
+}