.ui-accent-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(68, 64, 60, 1); /* stone-800-ish */
  border-radius: 1.5rem;
  background: linear-gradient(to bottom right, rgb(23 23 23), rgb(0 0 0));
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.ui-accent-card::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(251, 191, 36, 0.7),
    transparent
  );
}

.ui-soft-card {
  border: 1px solid rgba(68, 64, 60, 1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.03);
}

.ui-divider {
  height: 1px;
  width: 24rem;
  background: linear-gradient(
    to right,
    transparent,
    rgba(251, 191, 36, 0.6),
    transparent
  );
}

.ui-section-label {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: rgb(251 191 36);
}

.ui-cta-panel {
  border: 1px solid rgba(68, 64, 60, 1);
  border-radius: 1.5rem;
  background: linear-gradient(to bottom right, rgb(23 23 23), rgb(0 0 0));
}