body {
      font-family: 'Inter', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background-color: #f8f9fa;
      padding: 20px;
      box-sizing: border-box;
    }

    .card {
      max-width: 400px;
      width: 100%;
    }

    .input-group-text {
      cursor: pointer;
    }

    .btn-outline-secondary:hover {
        background-color: #dee2e6;
    }

    .btn-login {
  background-color: #5c2c0f;
  color: #e2c9a1;
  border: none;
}
.btn-login:hover {
  background-color: #4b230c;
  color: #fff;
}

.btn-register {
  background-color: #d4af37;
  color: #000;
  border: none;
}
.btn-register:hover {
  background-color: #bfa130;
  color: #000;
}