html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #020202 0%, #0d0d0d 28%, #1b1710 63%, #332614 100%);
  color: #d9d9d9;
}

.home-hero {
  width: 100%;
  transform: translateY(-11.8vh);
}

.home-hero p {
  font-size: 0.92rem;
}

.glam-title {
  color: #f7f2e8;
  letter-spacing: 0.08em;
  text-shadow:
    0 0 6px rgba(255, 246, 220, 0.35),
    0 0 14px rgba(255, 212, 128, 0.28),
    0 0 26px rgba(255, 180, 90, 0.18);
  animation: glamSparkle 3.2s ease-in-out infinite;
}

@keyframes glamSparkle {
  0%,
  100% {
    text-shadow:
      0 0 6px rgba(255, 246, 220, 0.30),
      0 0 14px rgba(255, 212, 128, 0.24),
      0 0 22px rgba(255, 180, 90, 0.14);
  }

  50% {
    text-shadow:
      0 0 9px rgba(255, 250, 235, 0.55),
      0 0 22px rgba(255, 222, 150, 0.42),
      0 0 34px rgba(255, 190, 105, 0.30);
  }
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}