body {
  background-color: #0c0c0c; /* Cor de fundo escura */
  color: #ffffff; /* Cor do texto */
}

.container {
  margin-top: 50px; /* Espaçamento do topo */
}

.form-wrap {
  background-color: #1f1f1f; /* Cor do formulário */
  border: 2px solid #3c3c3c; /* Borda do formulário */
}

.form-wrap h1 {
  color: #ffffff; /* Cor do título do formulário */
}

.form-wrap p {
  color: #aaaaaa; /* Cor do texto do formulário */
}

.form-control {
  background-color: #2b2b2b; /* Cor de fundo do campo de entrada */
  color: #ffffff; /* Cor do texto do campo de entrada */
}

.form-control:focus {
  border-color: #6b6b6b; /* Cor da borda quando o campo está em foco */
}

.btn-dark {
  background-color: #3c3c3c; /* Cor de fundo do botão */
  border-color: #5e5e5e; /* Cor da borda do botão */
  color: #ffffff; /* Cor do texto do botão */
}

.btn-dark:hover {
  background-color: #555555; /* Cor de fundo do botão ao passar o mouse */
  border-color: #777777; /* Cor da borda do botão ao passar o mouse */
}

.alert-danger {
  background-color: #721c24; /* Cor de fundo do alerta de erro */
  border-color: #721c24; /* Cor da borda do alerta de erro */
  color: #ffffff; /* Cor do texto do alerta de erro */
}

/* Adicionando efeito de nave espacial nas bordas */
.form-wrap::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  background: url('https://infotecaruja.com/defensor-estelar/img/bkg.png') no-repeat center center fixed;
  background-size: cover;
  z-index: -1;
  filter: blur(5px);
}

/* Adicionando sombra nas bordas */
.form-wrap {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* Adicionando borda curvada */
.form-wrap {
  border-radius: 15px;
}

/* Estilizando o ícone de mostrar senha */
#togglePassword {
  color: #aaaaaa; /* Cor do ícone de mostrar senha */
}

/* Alterando a cor do ícone de mostrar senha quando está em foco */
#togglePassword:focus {
  color: #ffffff; /* Cor do ícone de mostrar senha em foco */
}
body {
    background-color: #000000;
    color: #ffffff;
}

.container {
    margin-top: 50px;
}

.alert-dark {
    background-color: #343a40;
    color: #ffffff;
}

.row.justify-content-center {
    margin-top: 20px;
}

.col-lg-5.text-center {
    background-color: #1f1f1f;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
}

.col-lg-7.text-center {
    background-color: #1f1f1f;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1);
}

.btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #ffffff;
}

.btn-dark:hover {
    background-color: #555e64;
    border-color: #555e64;
}

.modal-content {
    background-color: #1f1f1f;
    color: #ffffff;
}

.modal-header {
    border-bottom: 1px solid #343a40;
}

.modal-title {
    color: #ffffff;
}

.modal-footer {
    border-top: 1px solid #343a40;
}

.alert-warning {
    background-color: #f8d300;
    color: #000000;
}

select,
option {
    background-color: #343a40;
    color: #ffffff;
}

#rateValue {
    color: #f8d300;
}

#loading {
    display: none;
    text-align: center;
    padding: 20px;
    color: #ffffff;
}

/* Adicione estilos adicionais conforme necessário */