/* Locally embedded Font Awesome Free icons in the site navigation. */
#nfn-home .brand-mark,
#nfn-auth-header .nfn-auth-brand-mark,
#nfn-auth-footer .nfn-auth-brand-mark {
  padding-right: 0;
  letter-spacing: normal;
}

#nfn-home .brand-mark .fa-solid,
#nfn-home .desktop-nav .fa-solid,
#nfn-home .mobile-panel .fa-solid,
#nfn-auth-header .fa-solid,
#nfn-auth-footer .fa-solid {
  display: inline-grid;
  place-items: center;
  font-size: 1em;
  line-height: 1;
  font-style: normal;
}

#nfn-home .brand-mark .fa-solid,
#nfn-auth-header .nfn-auth-brand-mark .fa-solid,
#nfn-auth-footer .nfn-auth-brand-mark .fa-solid { font-size: 19px; }

#nfn-home .fa-solid svg,
#nfn-auth-header .fa-solid svg,
#nfn-auth-footer .fa-solid svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

#nfn-home .mobile-panel .fa-arrow-right,
#nfn-auth-header .nfn-auth-mobile-panel .fa-arrow-right { margin-left: 8px; }

/* After a successful signup, replace the filled-in form with a clear result. */
.ww-section > .section-base.nfn-signup-complete > :is(h1, p, form, a) {
  display: none !important;
}

.ww-section > .section-base.nfn-signup-complete > .nfn-signup-success {
  grid-column: 2;
  grid-row: 2 / 6;
  align-self: center;
  justify-self: center;
  width: min(480px, calc(100% - 2 * var(--auth-gutter)));
  box-sizing: border-box;
  padding: clamp(28px, 3vw, 40px);
  border: 1px solid #c7dacb;
  border-radius: 20px;
  background: #f0f7f0;
  color: #193d35;
  box-shadow: 0 14px 36px rgb(25 61 53 / 8%);
}

.nfn-signup-success:focus { outline: none; }
.nfn-signup-success .nfn-signup-check {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  border-radius: 50%;
  background: #245e50;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.nfn-signup-success h1 {
  margin: 0;
  color: #193d35;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(30px, 3.3vw, 40px);
  line-height: 1.15;
}
.nfn-signup-success p {
  margin: 16px 0 0;
  color: #425c50;
  font-family: Inter, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
}

@media (max-width: 800px) {
  .ww-section > .section-base.nfn-signup-complete > .nfn-signup-success {
    grid-column: 1;
    grid-row: 2 / 6;
    margin-block: 28px 12px;
  }
}