body {
  background-color: #f8f9fa;
}

.auth-card {
  width: 400px;
}

.auth-card .card {
  border-radius: 12px;
}

.auth-card h3 {
  font-weight: 700;
}

.btn-google {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #444;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
}

.btn-google:hover {
  background-color: #f1f1f1;
  color: #444;
}

.btn-facebook {
  background-color: #1877f2;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
}

.btn-facebook:hover {
  background-color: #145dbf;
  color: #fff;
}

.divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 16px 0;
}

.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #dee2e6;
}

.divider span {
  padding: 0 10px;
  color: #6c757d;
  font-size: 14px;
}