.container {
  max-width: 28rem;       /* matches mockup max-w-md (448px) */
  margin: 0 auto;
  padding: 1.5rem 1.5rem 3rem;
  position: relative;
  z-index: 1;
}

.background-decor {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
  opacity: 0.85;
}

.background-decor__circle {
  position: absolute;
  width: 24rem;
  height: 24rem;
}

.background-decor__circle--top-right { top: 0; right: -3rem; }
.background-decor__circle--bottom-left { bottom: 0; left: -3rem; width: 20rem; height: 20rem; }

.background-decor__fill--secondary { fill: var(--color-secondary); }
.background-decor__fill--accent    { fill: var(--color-accent); }

.rule {
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, var(--color-primary) 20%, transparent);
  display: block;
}