/* 會員登入 / 註冊 / 完成資料 共用主題 */
body {
  min-height: 100vh;
  background: linear-gradient(180deg, #fff 0, #f7f1e6 110px, #f7f1e6 calc(100% - 110px), #fff 100%) !important;
}

.auth-card {
  width: 100%;
  max-width: 470px;
  margin: 7vh auto;
  background: #fffdf8;
  border: 1px solid rgba(63, 13, 17, .08);
  border-radius: 26px;
  padding: 34px 30px;
  box-shadow: 0 40px 90px -55px rgba(63, 13, 17, .55);
}
.auth-card .btn {
  white-space: nowrap;
}
.auth-card h4,
.auth-card h5 {
  color: #3f0d11;
  letter-spacing: .02em;
}

.auth-card .form-label {
  font-size: .82rem;
  font-weight: 600;
  color: #5a4a3f;
  letter-spacing: .02em;
}
.auth-card .form-control,
.auth-card .form-select {
  border-radius: 12px;
  border-color: rgba(63, 13, 17, .18);
  padding: .6rem .85rem;
  background: #fffefb;
}
.auth-card .form-control:focus,
.auth-card .form-select:focus {
  border-color: #c2a04a;
  box-shadow: 0 0 0 .2rem rgba(194, 160, 74, .18);
}
.auth-card .form-text {
  color: #7d6c5e;
}
.auth-card .form-check-input:checked {
  background-color: #3f0d11;
  border-color: #3f0d11;
}

.auth-card .btn-dark {
  background: #3f0d11;
  border-color: #3f0d11;
}
.auth-card .btn-dark:hover {
  background: #5a1419;
  border-color: #5a1419;
}
.auth-card .btn-warning {
  background: #c2a04a;
  border-color: #c2a04a;
  color: #2b1d18;
  font-weight: 600;
}
.auth-card .btn-warning:hover {
  background: #b08f3c;
  border-color: #b08f3c;
  color: #fff;
}
.auth-card .btn-link {
  color: #3f0d11;
}
.auth-card .btn-outline-secondary {
  color: #5a4a3f;
  border-color: rgba(63, 13, 17, .18);
}
.auth-card .btn-outline-secondary:hover {
  background: rgba(194, 160, 74, .16);
  border-color: #c2a04a;
  color: #3f0d11;
}

.auth-card .nav-pills .nav-link {
  border-radius: 999px;
  color: #5a4a3f;
  font-weight: 600;
}
.auth-card .nav-pills .nav-link:hover:not(.active) {
  background: rgba(194, 160, 74, .14);
  color: #3f0d11;
}
.auth-card .nav-pills .nav-link.active {
  background: #3f0d11;
  color: #fff;
}

.auth-card .alert {
  border-radius: 12px;
  border: 1px solid transparent;
  font-size: .86rem;
}
.auth-card .alert-info {
  background: rgba(63, 13, 17, .05);
  border-color: rgba(63, 13, 17, .08);
  color: #5a4a3f;
}
.auth-card .alert-danger {
  background: rgba(185, 28, 34, .07);
  border-color: rgba(185, 28, 34, .18);
  color: #8a1c22;
}
.auth-card .alert-warning {
  background: rgba(194, 160, 74, .14);
  border-color: rgba(194, 160, 74, .35);
  color: #7a5f1a;
}
.auth-card .alert-success {
  background: rgba(45, 106, 79, .1);
  border-color: rgba(45, 106, 79, .2);
  color: #2d6a4f;
}

.auth-card .badge.text-bg-warning {
  background: #c2a04a !important;
  color: #2b1d18 !important;
}
.auth-card .badge.text-bg-success {
  background: #2d6a4f !important;
}
.auth-card a:not(.btn):not(.nav-link) {
  color: #3f0d11;
}
.auth-card .bg-body-tertiary {
  background: #fdf8ee !important;
}
.auth-card .border,
.auth-card .border-top {
  border-color: rgba(63, 13, 17, .1) !important;
}

.line-qr-box {
  background: #fff;
  border: 1px solid rgba(63, 13, 17, .12);
  border-radius: 14px;
  padding: 12px;
  display: inline-block;
}