.bf{max-width:960px;margin:auto}.bf [hidden]{display:none!important}.bf-hero{max-width:740px;padding:32px 0 40px}.bf h1{font-size:clamp(36px,5.5vw,64px);line-height:1.08;letter-spacing:-2px}.bf h1 em{font-style:normal;color:#b2e8bc}.bf-hero>p:not(.eyebrow){max-width:650px;color:#b5c1bc}.bf-back{font-size:14px}.bf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bf-card,.bf-example,.bf-panel{border:1px solid #ffffff17;border-radius:24px;padding:30px;background:linear-gradient(120deg,#12221c99,#11131c)}.bf-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.bf-card>span,.bf-badge{color:#b4d9bd;font-size:12px;letter-spacing:.8px}.bf-card p{color:#b5c1bc}.bf-card strong{margin-top:auto;color:#b7e9bf}.bf-card:hover{border-color:#9be3b255}.bf-example{margin-bottom:40px}.bf-pre{white-space:pre-wrap;overflow-wrap:anywhere}.bf-example details{border-top:1px solid #ffffff16;padding:20px 0}.bf-example summary{cursor:pointer;font-weight:600}.bf-tip{padding:18px;border-left:2px solid #a7d9bf;color:#bacbc1}.bf .bf-note{font-size:13px;line-height:1.6;color:#9caea5}.bf-panel{scroll-margin-top:90px;background:#10141b}.bf-panel>section{margin-top:30px;padding-top:24px;border-top:1px solid #ffffff18}.bf form{display:grid;gap:18px}.bf fieldset{display:grid;gap:18px;min-width:0;margin:0;padding:0;border:0}.bf legend{font-weight:600;font-size:18px;margin-bottom:20px}.bf label{display:grid;gap:8px;color:#d6e3db;font-size:14px;margin:0}.bf input,.bf textarea,.bf select{font:inherit;font-size:16px;box-sizing:border-box;width:100%;min-width:0;border:1px solid #ffffff24;border-radius:13px;background:#0b1018;color:#e6eee9;padding:13px 15px;outline:none;appearance:none}.bf input:focus,.bf textarea:focus,.bf select:focus{border-color:#a5d7b6;box-shadow:0 0 0 3px #a5d7b610}.bf textarea{resize:vertical;line-height:1.65}.bf select{background-image:linear-gradient(45deg,transparent 50%,#aec9b7 50%),linear-gradient(135deg,#aec9b7 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:35px}.bf-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bf-primary,.bf-secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;max-width:100%;width:fit-content;border-radius:13px;padding:14px 20px;font:600 15px/1.4 system-ui;text-align:center;text-decoration:none;appearance:none;cursor:pointer;box-sizing:border-box;overflow-wrap:anywhere;white-space:normal}.bf .bf-primary{color:#102017;background:linear-gradient(90deg,#9feeab,#c3f59d);border:1px solid #b6edac;box-shadow:0 5px 26px #a6eeab10}.bf .bf-secondary{background:#ffffff05;border:1px solid #ffffff22;color:#bfcdc5;margin:8px 8px 0 0}.bf button:disabled{opacity:.55;cursor:wait}.bf .bf-check{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;margin:20px 0}.bf .bf-check input{appearance:auto;accent-color:#a9e5a7;flex:0 0 20px;width:20px;height:20px;margin-top:3px;padding:0}.bf-error{border:1px solid #eea3a844;background:#eea3a810;border-radius:12px;padding:14px;color:#ffc7cb}.bf [data-status]{color:#b8e6bd}.bf-related{margin-top:48px}.bf-related a{display:inline-block;margin:0 22px 16px 0}.bf-panel:focus{outline:0}.bf button:focus-visible,.bf a:focus-visible{outline:2px solid #b6edac;outline-offset:4px}.bf [data-review] .bf-pre{border:1px solid #ffffff16;border-radius:14px;padding:20px;background:#090d13}.bf [data-reset]{font-size:13px;margin-top:24px}@media(max-width:680px){.bf-hero{padding:16px 0 28px}.bf-grid,.bf-fields{grid-template-columns:1fr}.bf-card,.bf-example,.bf-panel{padding:22px 18px;border-radius:18px}.bf-primary{width:100%}.bf h1{letter-spacing:-1.2px}.bf-panel{scroll-margin-top:70px}.bf h2{font-size:25px}.bf-example{margin-bottom:28px}}

.bf-panel>section{scroll-margin-top:100px}.bf .bf-check{flex-direction:row}.bf .bf-check input{min-height:20px;max-height:20px;min-width:20px;max-width:20px;flex-shrink:0}.bf [data-auth-form],.bf [data-profile-form]{max-width:640px}@media(max-width:680px){.bf-panel>section{scroll-margin-top:84px}}