body {
  background-color: #121212;
  color: #e0e0e0;
}
.form-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
h2 {
  margin-top: 10px;
  color: #f0f0f0;
}
.form-container {
  background-color: #1e1e1e;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.remember-me {
  display: flex;
  align-items: center;
}
.remember-me input {
  margin-right: 10px;
}
label {
  color: #bbbbbb;
}
.form-control {
  background-color: #2c2c2c;
  color: #f0f0f0;
  border: 1px solid #444;
}
.form-control:focus {
  background-color: #333333;
  color: #ffffff;
  border-color: #4ca0f5;
}
.btn-primary {
  background-color: #4ca0f5;
  border-color: #4ca0f5;
}
.btn-primary:hover {
  background-color: #357abd;
  border-color: #357abd;
}
.navbar-dark {
  background-color: #1e1e1e;
}
.footer {
  background-color: #1e1e1e;
}