body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: #f8f9fa;
}

a {
  color: #00B7FF;
}

.auth-wrapper {
  min-height: 100vh;
  padding: 20px 0;
}

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

.auth-wrapper .form-control {
  border-radius: 8px;
}

.navbar-brand {
  font-size: 1.1rem;
}

.ratio-bar {
  height: 6px;
  background-color: #e9ecef;
  border-radius: 999px;
  overflow: hidden;
}

.ratio-bar-fill {
  height: 100%;
  background-color: #0d6efd;
}

.ratio-value {
  min-width: 56px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}