@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
@font-face{font-family:'BF Montserrat';src:url('page-campaign-montserrat-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'BF Montserrat';src:url('montserrat-500.woff2') format('woff2');font-weight:500;font-display:swap}
.bf-section{display:block;color:#1b1b1b;font-family:Inter,Arial,sans-serif;background:#fff;--bf-gutter:16px}
.bf-section *{box-sizing:border-box}
.bf-section[hidden],.bf-section [hidden]{display:none!important}
.bf-section :is(h2,h3,p){margin:0;color:inherit;letter-spacing:normal;text-transform:none}
.bf-section .bf-container{width:calc(100% - 2 * var(--bf-gutter));max-width:1400px;margin-inline:auto}
:where(.bf-section) .bf-heading{font:600 25.11px/1.24 'BF Montserrat',Arial,sans-serif;text-align:center;overflow-wrap:anywhere}
.bf-section button,.bf-section input{font:inherit;letter-spacing:normal}
.bf-section button{cursor:pointer}
.bf-section button:disabled{cursor:default;opacity:.55}
.bf-section :is(button,a,input,[tabindex]):focus-visible{outline:3px solid #2d6754;outline-offset:4px}
.bf-section .bf-editor-note{grid-column:1/-1;padding:12px;background:#edf5f0;border:1px dashed #53826e;font:14px/1.5 Arial,sans-serif;color:#234539}
.bf-section .bf-editor-note[data-invalid]{background:#fff0ed;color:#882f1e;border-color:#b43a21}
:where(.bf-section) .bf-terms{display:block;margin:28px auto 0;padding:8px;border:0;background:none;text-decoration:underline;color:#487789;font-size:14px;min-height:44px}
.bf-section dialog{border:0;border-radius:16px;max-width:min(600px,calc(100vw - 32px));max-height:85dvh;padding:28px;color:#1b1b1b;font:16px/1.6 Inter,Arial,sans-serif;overflow:auto;overscroll-behavior:contain}
.bf-section dialog::backdrop{background:#0008}
.bf-section dialog h3{font-size:24px;margin:0 44px 20px 0}
.bf-section dialog [data-close]{float:right;background:#f4f4f4;border:0;border-radius:50%;width:44px;height:44px;font-size:24px}
.bf-section dialog [data-dialog-body]{overflow-wrap:anywhere}
.bf-section dialog p+p{margin-top:12px}
.bf-section .bf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:768px){.bf-section{--bf-gutter:32px}}
@media(min-width:1025px){.bf-section{--bf-gutter:64px}:where(.bf-section) .bf-heading{font-size:48px;line-height:59.3px}}
@media(prefers-reduced-motion:reduce){.bf-section *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

html:has(.bf-section dialog[open]){overflow:hidden!important}
