body {
 margin: 0;
 background: linear-gradient(90deg, #c7c5f4, #776bcc);
 font-family: Verdana, Geneva, Tahoma, sans-serif !important;
 height: 100vh;
 width: 100%;
}

input {
 color: #fff !important;
 -webkit-text-fill-color: #fff !important;
 -webkit-background-clip: text !important;
 background-clip: text !important;
}

.login {
 align-items: center;
 display: flex;
 height: 100%;
 justify-content: center;
}

.login form {
 background-color: #1e213a;
 border-radius: 10px;
 border-top: 4px solid #19d4ca;
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
 display: flex;
 flex-direction: column;
 gap: 10px;
 padding: 20px;
 width: 300px;
}

.login input {
 background-color: transparent;
 border: none;
 border-bottom: 1px solid #ccc;
 padding: 10px;
}

.login input:focus {
 outline: none;
}

.login .buttons {
 align-items: center;
 display: flex;
 gap: 10px;
 justify-content: flex-end;
}

.login .login-button {
 padding: 5px 20px;
}