.bn-membership { max-width: 780px; padding: 2rem 1.25rem; }
.bn-membership h1 { font-size: 2rem; margin-bottom: .25rem; }
.bn-membership h2 { font-size: 1.2rem; }
.bn-subtitle { color: #526454; margin-bottom: 1.5rem; }
.bn-membership a { color: #146c43; text-decoration: underline; }
.bn-membership label { display: block; margin-bottom: .5rem; }
.bn-membership .form-control { max-width: 30rem; }
.bn-code { max-width: 14rem !important; letter-spacing: .3em; font-size: 1.5rem; }
.bn-message, .bn-warning { padding: 1rem; border-left: 4px solid #557f57; background: #f1f6f1; margin: 1rem 0; overflow-wrap: anywhere; }
.bn-help { border-top: 1px solid #dbe4db; margin-top: 2rem; padding-top: 1.25rem; }
.bn-controls { display: flex; flex-wrap: wrap; gap: .5rem; }
.bn-license { border-top: 1px solid #dbe4db; margin-top: 2rem; padding-top: 1.25rem; }
.bn-license pre { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 1rem; user-select: all; }
.bn-email { font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 359px) {
  .bn-membership { padding-right: 10px; padding-left: 10px; }
}