:root {
  --bm1-gold: 201 169 110;
  --bm1-ivory: 239 234 222;
}

body {
  background:
    radial-gradient(circle at 50% -20%, rgb(var(--bm1-gold) / 0.08), transparent 34rem),
    linear-gradient(150deg, #070707 0%, #0c0c0c 55%, #11100e 100%) fixed !important;
  color: rgb(var(--bm1-ivory) / 0.92);
}

#page_container {
  max-width: 1380px;
  padding-top: 1.5rem;
}

h1, h2, h3 {
  letter-spacing: 0.025em;
}

h2 {
  color: rgb(var(--bm1-ivory) / 0.82) !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.78rem !important;
}

.service-card {
  border: 1px solid rgb(255 255 255 / 0.065) !important;
  border-radius: 0.85rem !important;
  background: linear-gradient(145deg, rgb(24 24 23 / 0.88), rgb(15 15 15 / 0.9)) !important;
  box-shadow: 0 12px 30px rgb(0 0 0 / 0.28);
  backdrop-filter: blur(18px);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.service-card:hover {
  transform: translateY(-2px);
  border-color: rgb(var(--bm1-gold) / 0.42) !important;
  box-shadow: 0 16px 38px rgb(0 0 0 / 0.42), 0 0 0 1px rgb(var(--bm1-gold) / 0.05);
}

.service-card .service-title {
  color: rgb(var(--bm1-ivory) / 0.96) !important;
  font-weight: 500;
}

input {
  background: rgb(18 18 17 / 0.88) !important;
  border: 1px solid rgb(var(--bm1-gold) / 0.18) !important;
  color: rgb(var(--bm1-ivory) / 0.95) !important;
  box-shadow: 0 12px 30px rgb(0 0 0 / 0.24) !important;
}

input:focus {
  border-color: rgb(var(--bm1-gold) / 0.55) !important;
  box-shadow: 0 0 0 3px rgb(var(--bm1-gold) / 0.08) !important;
}

footer {
  opacity: 0.45;
}