learnbc

*,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} [id]{scroll-margin-top:24px} body{margin:0;background-color:#ffffff;color:#3e3e3e;font-family:'Open Sans', system-ui,-apple-system,Segoe UI,sans-serif;font-size:16.00px;line-height:1.6} img{max-width:100%;height:auto;display:block} a{color:#2e4fef;text-decoration:underline} h1,h2,h3,h4,h5,h6{font-family:'Open Sans', Georgia,serif;margin:0;line-height:1.15} p{margin:0} hr{border:0;border-top:1px solid #028090} .bldr-rt p{margin:0 0 0.72em} .bldr-rt ul,.bldr-rt ol{margin:0 0 0.72em;padding-left:1.4em} .bldr-rt li{margin:0.25em 0} .bldr-rt>*:last-child{margin-bottom:0} /* Markers ride WITH the words. Outside the content box they stay pinned to the far left while centred copy drifts away from them. */ .bldr-rt-center ul,.bldr-rt-center ol,.bldr-rt-right ul,.bldr-rt-right ol{display:table;max-width:100%;text-align:left} .bldr-rt-center ul,.bldr-rt-center ol{margin-left:auto;margin-right:auto} .bldr-rt-right ul,.bldr-rt-right ol{margin-left:auto;margin-right:0} .bldr-rt li[style*="text-align:center"],.bldr-rt li[style*="text-align:right"]{list-style-position:inside} /* A quote should look like a quote: an oversized opening mark, roomier type, and a rule only where a rule makes sense (left-aligned copy). */ .bldr-rt blockquote{position:relative;margin:1.35em 0;padding:0.1em 0 0.1em 2.55em;border-left:3px solid rgba(235, 106, 86, 0.45);color:#3e3e3e;font-family:'Open Sans', Georgia,serif;font-style:italic;font-size:18px;font-weight:inherit;letter-spacing:0px;line-height:1.6} .bldr-rt blockquote::before{content:"“";position:absolute;left:0.42em;top:-0.02em;font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:2.6em;line-height:1;color:rgba(235, 106, 86, 0.5);pointer-events:none} .bldr-rt-center blockquote,.bldr-rt-right blockquote{border-left:0;padding-left:0;padding-top:1.25em} .bldr-rt-center blockquote::before,.bldr-rt-right blockquote::before{left:0;right:0;top:0;text-align:center} .bldr-rt-right blockquote::before{text-align:right} mark{background:#fde047;color:inherit;padding:0 0.12em;border-radius:3px} /* Explicit inline paint is source geometry; do not add marker chrome. */ mark[style]{padding:0;border-radius:0} /* Words coloured with one of the SITE's colours. The document stores the role, so re-skinning the site re-skins the words. Twin of the .hba-c-* rules in client/src/builder/styles/canvas.css (which reads the same values from CSS variables the canvas sets). */ .hba-c-ground{color:#ffffff}.hba-c-groundAlt{color:#028090}.hba-c-ink{color:#3e3e3e}.hba-c-accent{color:#eb6a56}.hba-c-second{color:#00a896}.hba-c-highlight{color:#02c39a}.hba-c-deep{color:#f0f3bd} .hba-h-ground{background:#ffffff;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-groundAlt{background:#028090;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-ink{background:#3e3e3e;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-accent{background:#eb6a56;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-second{background:#00a896;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-highlight{background:#02c39a;color:inherit;padding:0 0.12em;border-radius:3px}.hba-h-deep{background:#f0f3bd;color:inherit;padding:0 0.12em;border-radius:3px} .bldr-rt img.hba-img-sm{display:inline-block;width:180px;max-width:100%;vertical-align:middle} .bldr-rt img.hba-img-md{display:inline-block;width:340px;max-width:100%;vertical-align:middle} .bldr-rt img.hba-img-lg{display:inline-block;width:520px;max-width:100%;vertical-align:middle} .bldr-rt img.hba-img-full{display:block;width:100%;margin:0.6em 0} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit} .bldr-page{} .bldr-block{width:100%} .bldr-pullup{margin-top:-3.5rem;position:relative;z-index:2} .bldr-sticky{position:sticky;z-index:30}.bldr-sticky-top{top:0}.bldr-sticky-bottom{bottom:0} .bldr-anchor-alias{display:block;height:0} .bldr-img-hover-zoom{overflow:hidden}.bldr-img-hover-zoom img{transition:transform .35s ease}.bldr-img-hover-zoom:hover img{transform:scale(1.06)} .bldr-img-hover-lift img{transition:transform .25s ease,box-shadow .25s ease}.bldr-img-hover-lift:hover img{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.18)} .bldr-img-hover-darken img,.bldr-img-hover-lighten img{transition:filter .25s ease}.bldr-img-hover-darken:hover img{filter:brightness(.72)}.bldr-img-hover-lighten:hover img{filter:brightness(1.15)} .bldr-img-filter-grayscale img{filter:grayscale(1)}.bldr-img-filter-sepia img{filter:sepia(.7)}.bldr-img-filter-soften img{filter:saturate(.7) contrast(.95)} .bldr-img-filter-hover-off img{transition:filter .3s ease}.bldr-img-filter-hover-off:hover img{filter:none} @media (prefers-reduced-motion:reduce){.bldr-img-hover-zoom img,.bldr-img-hover-lift img,.bldr-img-hover-darken img,.bldr-img-hover-lighten img,.bldr-img-filter-hover-off img{transition:none}} .bldr-freemove{position:relative;left:var(--fm-x,0);top:var(--fm-y,0);z-index:var(--fm-z,1)} @media (max-width:767px){.bldr-pullup{margin-top:-1.5rem}} @media (max-width:767px){.bldr-freemove{left:var(--fm-mobile-x,0)}} .bldr-section-rows{position:relative;z-index:1;display:flex;flex-direction:column;gap:28px;width:100%} .bldr-section-panels{position:relative;z-index:1;width:100%} /* An open phone menu panel is fixed full-screen, but the z-index:1 section wrappers above are stacking contexts that trap it under later sections. Lift its ancestors only while it is the :target. A row dropdown is trapped the same way, so lift them too while its menu item is hovered or focused. */ :is(.bldr-block,.bldr-content-surface,.bldr-section-rows,.bldr-section-panels,.bldr-freemove):has([data-hba-menu-panel]:target){z-index:2147482000!important} :is(.bldr-block,.bldr-content-surface,.bldr-section-rows,.bldr-section-panels,.bldr-freemove):has([data-hba-menu-item]:hover,[data-hba-menu-item]:focus-within){z-index:2147482000!important} .bldr-section-background-layer{position:absolute;inset:0;width:100%;max-width:none;overflow:hidden;border-radius:inherit;pointer-events:none} .bldr-section-panel[hidden]{display:none} .bldr-panel-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0 auto 18px} .bldr-panel-tabs button{border:0;border-radius:10px;padding:.7rem 1rem;background:#028090;color:#3e3e3e;font:700 .9rem 'Open Sans', system-ui,sans-serif;cursor:pointer} .bldr-panel-tabs button[aria-selected=true]{background:#eb6a56;color:#ffffff} .bldr-panel-arrows{display:flex;justify-content:space-between;pointer-events:none;margin-top:12px}.bldr-panel-arrows button{pointer-events:auto;border:1px solid currentColor;border-radius:999px;width:38px;height:38px;background:transparent;color:#eb6a56;font-size:26px;line-height:1;cursor:pointer} .bldr-panel-indicators{display:flex;gap:7px;justify-content:center;margin-top:14px}.bldr-panel-indicators button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#eb6a56;opacity:.32;cursor:pointer}.bldr-panel-indicators button[aria-current=true]{opacity:1;transform:scale(1.2)} .bldr-audience-pending{display:none!important} @media (prefers-reduced-motion:reduce){.bldr-section-panel,.bldr-panel-tabs button,.bldr-panel-indicators button{transition:none!important}} .bldr-wrap{position:relative;width:100%;max-width:1100px;margin:0 auto;padding-left:24px;padding-right:24px;display:flex;flex-wrap:wrap;align-items:stretch} .bldr-col{flex:var(--col-grow,1) 1 0;min-width:0;min-height:40px;display:flex;flex-direction:column;gap:18px;margin-top:var(--col-nudge,0)} .bldr-col.hba-source-relative-nudge{position:relative;top:var(--col-nudge,0);margin-top:0} @media(max-width:767px){.bldr-col.hba-source-relative-nudge{top:var(--col-mobile-nudge,0px);margin-top:0!important}} .bldr-bg-sizer{display:block;flex:0 0 auto;width:100%;height:auto;visibility:hidden;pointer-events:none} .bldr-card-hover{transition:transform .25s ease,box-shadow .25s ease} .bldr-card-hover:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,0.16)} .bldr-bgvid{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden} video.bldr-bgvid{width:100%;height:100%;object-fit:cover} .bldr-bgvid-yt{overflow:hidden} .bldr-bgvid-yt iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none} .bldr-embed-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0} @media(max-width:767px){.bldr-content-phone-inset{width:var(--bldr-content-phone-width)!important}.bldr-content-phone-offset{top:var(--bldr-content-phone-offset)!important}} .bldr-divider{z-index:0} @media(max-width:767px){.bldr-divider-responsive{height:var(--bldr-divider-mobile-height)!important}} .bldr-btn-link{display:inline-block;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;border-radius:10px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease} a:not(.bldr-btn-link):hover{color:#0f227e;text-decoration:underline;} .bldr-btn-h-grow:hover{transform:scale(1.045)} .bldr-btn-h-lift:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,0.22)} .bldr-btn-h-fill:hover{background:var(--bldr-btn-hover-bg,#eb6a56);color:var(--bldr-btn-hover-fg,#fff)} .bldr-btn-hbg:hover{background:var(--bldr-btn-hover-bg)!important} .bldr-btn-hfg:hover{color:var(--bldr-btn-hover-fg)!important} .bldr-btn-h-glow:hover{transform:scale(1.045);box-shadow:0 12px 34px var(--bldr-btn-glow,#eb6a56)} .bldr-btn-h-slide{position:relative;overflow:hidden} .bldr-btn-h-slide>span,.bldr-btn-h-slide>svg{position:relative;z-index:1} .bldr-btn-h-slide::before{content:"";position:absolute;inset:0;background:var(--bldr-btn-hover-bg,#eb6a56);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease-out;z-index:0} .bldr-btn-h-slide:hover{color:var(--bldr-btn-hover-fg,#fff)} .bldr-btn-h-slide:hover::before{transform:scaleX(1)} .bldr-btn-h-reveal{position:relative;overflow:hidden} .bldr-btn-h-reveal>span,.bldr-btn-h-reveal>svg{position:relative;z-index:1} .bldr-btn-h-reveal::before{content:"";position:absolute;inset:0;background:var(--bldr-btn-hover-bg,#eb6a56);transform:scale(0);transition:transform .3s ease-out;z-index:0} .bldr-btn-h-reveal:hover{color:var(--bldr-btn-hover-fg,#fff)} .bldr-btn-h-reveal:hover::before{transform:scale(1)} .bldr-btn-gradient-flow{background-size:220% 220%!important;animation:bldr-btn-gradient-flow 5s ease infinite} .bldr-btn-gradient-aurora{background-size:260% 260%!important;animation:bldr-btn-gradient-aurora 7s ease-in-out infinite} @keyframes bldr-btn-gradient-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes bldr-btn-gradient-aurora{0%,100%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(18deg)}} .bldr-btn-a-rock{animation:bldr-btn-a-rock 2.4s ease-in-out infinite;transform-origin:50% 100%} .bldr-btn-a-pulse{animation:bldr-btn-a-pulse 2.2s ease-out infinite} .bldr-btn-a-bounce{animation:bldr-btn-a-bounce 2.6s ease-in-out infinite} .bldr-btn-a-wobble{animation:bldr-btn-a-wobble 2.8s ease-in-out infinite} .bldr-btn-a-rock:hover,.bldr-btn-a-pulse:hover,.bldr-btn-a-bounce:hover,.bldr-btn-a-wobble:hover{animation-play-state:paused} @keyframes bldr-btn-a-rock{0%,25%,100%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}} @keyframes bldr-btn-a-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--bldr-btn-glow,#eb6a56)}60%{transform:scale(1.03);box-shadow:0 0 0 12px transparent}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}} @keyframes bldr-btn-a-bounce{0%,30%,60%,100%{transform:translateY(0)}40%{transform:translateY(-9px)}50%{transform:translateY(-4px)}} @keyframes bldr-btn-a-wobble{0%,40%,100%{transform:skewX(0)}50%{transform:skewX(6deg)}60%{transform:skewX(-6deg)}70%{transform:skewX(3deg)}80%{transform:skewX(-2deg)}90%{transform:skewX(0)}} @media (prefers-reduced-motion:reduce){.bldr-btn-h-slide::before,.bldr-btn-h-reveal::before{transition:none}.bldr-btn-gradient-flow,.bldr-btn-gradient-aurora,.bldr-btn-a-rock,.bldr-btn-a-pulse,.bldr-btn-a-bounce,.bldr-btn-a-wobble{animation:none}} .bldr-btn-row{display:flex;align-items:center;justify-content:center;gap:.55em} .bldr-btn-labels{display:block;text-align:inherit} .bldr-btn-pair{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch} .bldr-btn-pair.stack{flex-direction:column;align-items:stretch} .bldr-reveal{display:none} .bldr-reveal.is-revealed{display:block} .bldr-form{max-width:430px;margin:0 auto;background:#028090;border:1px solid #e0e0e0;border-radius:14px;padding:1.6rem;box-shadow:0 12px 32px rgba(0,0,0,0.12)} .bldr-form.bldr-form-bare{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none} .bldr-form-field{border:1px solid #e0e0e0;border-radius:10px;padding:0.7rem 0.9rem;margin-bottom:10px;color:#808080;font-size:0.92em;background:#f6f6f6} .bldr-form-field-single{white-space:nowrap;overflow:hidden} @media(max-width:767px){.bldr-form-row>*{flex-basis:100%!important}} .bldr-form-help{font-size:0.76em;color:#838383;margin:-6px 0 10px} .bldr-acc{background:#028090;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden} .bldr-acc>summary{position:relative;padding:0.8rem 2.4rem 0.8rem 1rem;font-weight:700;font-size:0.95em;cursor:pointer;list-style:none} .bldr-acc>summary::-webkit-details-marker{display:none} /* The visitor's cue that a row opens. The old marker was suppressed with nothing in its place, so questions read as static boxes (accordion styles pass, 2026-08-22). currentColor keeps the cue readable on any member-chosen heading colour. */ .bldr-acc>summary::after{content:"";position:absolute;right:1.05rem;top:50%;width:0.42em;height:0.42em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:0.55;transition:transform .25s ease} .bldr-acc[open]>summary::after{transform:translateY(-30%) rotate(225deg)} .bldr-acc.bldr-acc-plus>summary::after{width:12px;height:12px;border:0;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;transform:translateY(-50%);transition:background-size .25s ease} .bldr-acc.bldr-acc-plus[open]>summary::after{transform:translateY(-50%);background-size:12px 2px,2px 0} /* Hover shade as a translucent overlay so it reads over ANY heading colour, including "no colour at all" in the lines look. */ .bldr-acc>summary:hover{background-image:linear-gradient(rgba(0,0,0,0.045),rgba(0,0,0,0.045))} .bldr-acc-body{padding:0 1rem 0.85rem;font-size:0.9em;line-height:1.6;color:#838383} /* Smooth open/close where the browser can animate to auto height; everywhere else the toggle stays instant, exactly as before. Scoped to the accordion so the keyword interpolation cannot leak into other height animations. */ @supports (interpolate-size:allow-keywords){ .bldr-acc{interpolate-size:allow-keywords} .bldr-acc::details-content{block-size:0;overflow-y:clip;transition:content-visibility .25s allow-discrete,block-size .25s ease} .bldr-acc[open]::details-content{block-size:auto} } @media (prefers-reduced-motion:reduce){.bldr-acc>summary::after{transition:none}.bldr-acc::details-content{transition:none}} .bldr-social{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .bldr-social a{width:38px;height:38px;border-radius:50%;background:#3e3e3e;color:#ffffff;display:grid;place-items:center;font-size:0.72em;font-weight:800;text-decoration:none;text-transform:uppercase} .bldr-container-responsive{--bldr-container-mobile-pad-x:0px;--bldr-container-mobile-bleed:0px} .bldr-container-grid-item{grid-column:span var(--bldr-container-span,12);min-width:0} .bldr-image-responsive{--bldr-image-mobile-width:100%} .bldr-spacer-responsive{--bldr-spacer-mobile-height:0px} .bldr-video-box{position:relative;width:100%;box-sizing:border-box} .bldr-video{position:relative;width:100%;max-width:660px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,0.25)} .bldr-video-surface{position:relative;width:100%;box-sizing:border-box;overflow:hidden} .bldr-video-media{position:relative;width:100%;box-sizing:border-box;overflow:hidden} .bldr-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0} .bldr-custom-html iframe,.bldr-custom-html video,.bldr-custom-html embed,.bldr-custom-html object{max-width:100%} .bldr-video-inner-shadow{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none} .bldr-video-box-inner-shadow{position:absolute;inset:0;z-index:5;display:block;box-sizing:border-box;border-radius:inherit;pointer-events:none} .bldr-video-overlay-hit{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .35s ease,visibility .35s ease} .bldr-video-overlay-hit.is-gone{opacity:0;visibility:hidden;pointer-events:none} .bldr-video-overlay{position:absolute;top:14%;left:8%;max-width:84%;background:#fff;color:#111;font-family:'Caveat',cursive;font-size:clamp(1.05rem,3vw,1.55rem);line-height:1.15;padding:.2em .8em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 4px 14px rgba(0,0,0,.3);pointer-events:none} .bldr-count{display:flex;gap:10px;justify-content:center;align-items:flex-start} .bldr-count-cell{background:#101418;color:#fff;border-radius:8px;padding:0.55rem 0.7rem;font-size:1.6em;font-weight:800;font-variant-numeric:tabular-nums;min-width:2.4em;text-align:center} .bldr-count-cap{font-size:0.62em;margin-top:5px;opacity:0.55;text-transform:uppercase;letter-spacing:0.08em;text-align:center} @keyframes bldr-anim-fade{from{opacity:0}to{opacity:1}} @keyframes bldr-anim-slide-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-slide-left{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-slide-right{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-slide-down{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}} @keyframes bldr-anim-zoom{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:none}} @keyframes bldr-anim-bounce{0%{opacity:0;transform:scale(.72)}55%{opacity:1;transform:scale(1.08)}75%{transform:scale(.96)}100%{transform:none}} @keyframes bldr-anim-roll-in{from{opacity:0;transform:translateX(-60px) rotate(-120deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-rotate{from{opacity:0;transform:rotate(-14deg) scale(.9)}to{opacity:1;transform:none}} @keyframes bldr-anim-flip-vertical{from{opacity:0;transform:perspective(700px) rotateX(-90deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-flip-horizontal{from{opacity:0;transform:perspective(700px) rotateY(-90deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-bounce-top{0%{opacity:0;transform:translateY(-70px)}55%{opacity:1;transform:translateY(12px)}75%{transform:translateY(-5px)}100%{transform:none}} @keyframes bldr-anim-bounce-left{0%{opacity:0;transform:translateX(-70px)}55%{opacity:1;transform:translateX(12px)}75%{transform:translateX(-5px)}100%{transform:none}} @keyframes bldr-anim-bounce-right{0%{opacity:0;transform:translateX(70px)}55%{opacity:1;transform:translateX(-12px)}75%{transform:translateX(5px)}100%{transform:none}} @keyframes bldr-anim-bounce-bottom{0%{opacity:0;transform:translateY(70px)}55%{opacity:1;transform:translateY(-12px)}75%{transform:translateY(5px)}100%{transform:none}} @keyframes bldr-anim-tilt-left{from{opacity:0;transform:translateX(-34px) rotate(-9deg)}to{opacity:1;transform:none}} @keyframes bldr-anim-tilt-right{from{opacity:0;transform:translateX(34px) rotate(9deg)}to{opacity:1;transform:none}} .bldr-anim-on .bldr-a{opacity:0} .bldr-anim-on .bldr-a.bldr-a-fade.bldr-a-slow.is-in{animation:bldr-anim-fade 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-fade.bldr-a-normal.is-in{animation:bldr-anim-fade 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-fade.bldr-a-fast.is-in{animation:bldr-anim-fade 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-up.bldr-a-slow.is-in{animation:bldr-anim-slide-up 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-up.bldr-a-normal.is-in{animation:bldr-anim-slide-up 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-up.bldr-a-fast.is-in{animation:bldr-anim-slide-up 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-left.bldr-a-slow.is-in{animation:bldr-anim-slide-left 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-left.bldr-a-normal.is-in{animation:bldr-anim-slide-left 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-left.bldr-a-fast.is-in{animation:bldr-anim-slide-left 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-right.bldr-a-slow.is-in{animation:bldr-anim-slide-right 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-right.bldr-a-normal.is-in{animation:bldr-anim-slide-right 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-right.bldr-a-fast.is-in{animation:bldr-anim-slide-right 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-down.bldr-a-slow.is-in{animation:bldr-anim-slide-down 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-down.bldr-a-normal.is-in{animation:bldr-anim-slide-down 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-slide-down.bldr-a-fast.is-in{animation:bldr-anim-slide-down 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-zoom.bldr-a-slow.is-in{animation:bldr-anim-zoom 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-zoom.bldr-a-normal.is-in{animation:bldr-anim-zoom 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-zoom.bldr-a-fast.is-in{animation:bldr-anim-zoom 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce.bldr-a-slow.is-in{animation:bldr-anim-bounce 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce.bldr-a-normal.is-in{animation:bldr-anim-bounce 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce.bldr-a-fast.is-in{animation:bldr-anim-bounce 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-roll-in.bldr-a-slow.is-in{animation:bldr-anim-roll-in 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-roll-in.bldr-a-normal.is-in{animation:bldr-anim-roll-in 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-roll-in.bldr-a-fast.is-in{animation:bldr-anim-roll-in 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-rotate.bldr-a-slow.is-in{animation:bldr-anim-rotate 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-rotate.bldr-a-normal.is-in{animation:bldr-anim-rotate 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-rotate.bldr-a-fast.is-in{animation:bldr-anim-rotate 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-vertical.bldr-a-slow.is-in{animation:bldr-anim-flip-vertical 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-vertical.bldr-a-normal.is-in{animation:bldr-anim-flip-vertical 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-vertical.bldr-a-fast.is-in{animation:bldr-anim-flip-vertical 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-horizontal.bldr-a-slow.is-in{animation:bldr-anim-flip-horizontal 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-horizontal.bldr-a-normal.is-in{animation:bldr-anim-flip-horizontal 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-flip-horizontal.bldr-a-fast.is-in{animation:bldr-anim-flip-horizontal 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-top.bldr-a-slow.is-in{animation:bldr-anim-bounce-top 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-top.bldr-a-normal.is-in{animation:bldr-anim-bounce-top 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-top.bldr-a-fast.is-in{animation:bldr-anim-bounce-top 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-left.bldr-a-slow.is-in{animation:bldr-anim-bounce-left 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-left.bldr-a-normal.is-in{animation:bldr-anim-bounce-left 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-left.bldr-a-fast.is-in{animation:bldr-anim-bounce-left 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-right.bldr-a-slow.is-in{animation:bldr-anim-bounce-right 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-right.bldr-a-normal.is-in{animation:bldr-anim-bounce-right 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-right.bldr-a-fast.is-in{animation:bldr-anim-bounce-right 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-bottom.bldr-a-slow.is-in{animation:bldr-anim-bounce-bottom 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-bottom.bldr-a-normal.is-in{animation:bldr-anim-bounce-bottom 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-bounce-bottom.bldr-a-fast.is-in{animation:bldr-anim-bounce-bottom 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-left.bldr-a-slow.is-in{animation:bldr-anim-tilt-left 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-left.bldr-a-normal.is-in{animation:bldr-anim-tilt-left 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-left.bldr-a-fast.is-in{animation:bldr-anim-tilt-left 0.32s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-right.bldr-a-slow.is-in{animation:bldr-anim-tilt-right 1.6s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-right.bldr-a-normal.is-in{animation:bldr-anim-tilt-right 0.8s cubic-bezier(0.2,0.7,0.3,1) both} .bldr-anim-on .bldr-a.bldr-a-tilt-right.bldr-a-fast.is-in{animation:bldr-anim-tilt-right 0.32s cubic-bezier(0.2,0.7,0.3,1) both} @media (prefers-reduced-motion:reduce){.bldr-anim-on .bldr-a{opacity:1!important;animation:none!important}} /* Text gutter (textGutterVars): words never touch the screen edge. Desktop and tablet values are expressions of the screen width; phones override below. The screen width is the page's own width (100cqw), which leaves out a desktop scrollbar; 100vw counts it. Without container units: 100vw. */ @supports (width:1cqw){.bldr-page{container-type:inline-size;--bldr-screen:100cqw}} .bldr-text-gutter{padding-left:var(--bldr-gutter-dl,0px);padding-right:var(--bldr-gutter-dr,0px)} @media (min-width:768px) and (max-width:1024px){.bldr-text-gutter{padding-left:var(--bldr-gutter-tl,var(--bldr-gutter-dl,0px));padding-right:var(--bldr-gutter-tr,var(--bldr-gutter-dr,0px))}} @media (max-width:767px){ .bldr-widget-mobile-margin{margin:var(--bldr-widget-mobile-margin)!important} .bldr-form-mobile-field-gap .bldr-form-field-gap{margin-bottom:var(--bldr-form-mobile-field-gap)!important} .bldr-form-mobile-field-gap .bldr-form-field-gap-row{gap:var(--bldr-form-mobile-field-gap)!important} .bldr-form-mobile-field-gap .bldr-form-field-gap-row .bldr-form-field-gap{margin-bottom:0!important} .bldr-form-mobile-field-gap .bldr-form-field-gap>.bldr-form-field{margin-bottom:0!important} .bldr-wrap{gap:18px;padding-left:18px;padding-right:18px} .bldr-container-responsive{padding-left:var(--bldr-container-mobile-pad-x)!important;padding-right:var(--bldr-container-mobile-pad-x)!important;width:calc(100% + var(--bldr-container-mobile-bleed) * 2)!important;margin-left:calc(var(--bldr-container-mobile-bleed) * -1)!important;margin-right:calc(var(--bldr-container-mobile-bleed) * -1)!important} .bldr-container-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important} .bldr-container-grid-item{grid-column:span var(--bldr-container-mobile-span,12)} .bldr-image-responsive{--bldr-image-active-aspect:var(--bldr-image-mobile-aspect);position:relative;left:50%;transform:translateX(-50%);width:min(100%,var(--bldr-image-mobile-width))!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} .bldr-container-responsive{max-width:var(--bldr-container-mobile-max,100%)!important} .bldr-button-mobile-width{width:min(100%,var(--bldr-button-mobile-width))!important;max-width:var(--bldr-button-mobile-width)!important} .bldr-button-mobile-width>.bldr-btn-link,.bldr-button-mobile-width>.bldr-btn-pair .bldr-btn-link{display:block!important;width:100%!important;text-align:center} .bldr-icon-section-mobile-top{grid-template-columns:minmax(0,1fr)!important}.bldr-icon-section-mobile-top>.bldr-icon-section-mark{justify-self:center} .bldr-button-responsive.bldr-mobile-align-left{text-align:left!important;margin-left:0!important;margin-right:auto!important}.bldr-button-responsive.bldr-mobile-align-center{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.bldr-button-responsive.bldr-mobile-align-right{text-align:right!important;margin-left:auto!important;margin-right:0!important} .bldr-button-responsive.bldr-mobile-align-left>.bldr-btn-pair{justify-content:flex-start!important}.bldr-button-responsive.bldr-mobile-align-center>.bldr-btn-pair{justify-content:center!important}.bldr-button-responsive.bldr-mobile-align-right>.bldr-btn-pair{justify-content:flex-end!important} .bldr-form-responsive{width:min(100%,var(--bldr-form-mobile-width))!important;max-width:var(--bldr-form-mobile-width)!important;margin-left:var(--bldr-form-mobile-margin-left,auto)!important;margin-right:var(--bldr-form-mobile-margin-right,auto)!important} .bldr-text-responsive{width:min(100%,var(--bldr-text-mobile-width))!important;max-width:var(--bldr-text-mobile-width)!important;margin-left:auto!important;margin-right:auto!important}.bldr-heading-responsive{width:min(100%,var(--bldr-heading-mobile-width))!important;max-width:var(--bldr-heading-mobile-width)!important;margin-left:auto!important;margin-right:auto!important}.bldr-heading-responsive :is(h1,h2,h3,h4,h5,h6){max-width:100%!important;box-sizing:border-box;overflow-wrap:anywhere}.bldr-text-mobile-wrap{white-space:normal!important;overflow-wrap:anywhere}.bldr-text-mobile-nowrap{white-space:nowrap!important} .bldr-image-responsive{left:var(--bldr-image-mobile-left,50%);transform:translateX(var(--bldr-image-mobile-translate,-50%))} .bldr-spacer-responsive{height:var(--bldr-spacer-mobile-height)!important} .bldr-btn-mobile-wrap{white-space:normal!important} .bldr-btn-mobile-nowrap{white-space:nowrap!important} /* Imported Desktop offsets reset when columns stack; explicit Mobile edits use their selected-device offset. */ .bldr-col{flex:1 1 100%;--col-nudge:var(--col-mobile-nudge,0px)!important;margin-top:var(--col-mobile-nudge,0px)!important} .bldr-phone-side-by-side>.bldr-col{flex:var(--col-grow,1) 1 0;--col-nudge:var(--col-mobile-nudge,0px)!important;margin-top:var(--col-mobile-nudge,0px)!important} .bldr-col-mobile-padding{padding:var(--bldr-col-mobile-padding)!important} .bldr-text-gutter{padding-left:var(--bldr-gutter-l,0px);padding-right:var(--bldr-gutter-r,0px)} .bldr-bg-sizer-desktop{display:none} .bldr-mobile-line-height{line-height:var(--bldr-mobile-line-height)!important} .bldr-checkout-source-preview{padding-left:10px!important;padding-right:10px!important} .bldr-checkout-source-summary{margin-left:-10px!important;margin-right:-10px!important;padding-left:20px!important;padding-right:20px!important} .bldr-checkout-source-security{grid-template-columns:1fr!important} .bldr-col-responsive-gap{gap:var(--bldr-col-mobile-gap)!important} .bldr-section-responsive-gap{gap:var(--bldr-mobile-row-gap)!important} .bldr-stack-rev{flex-direction:column-reverse} .bldr-col-phone-order{order:var(--bldr-phone-order)} .bldr-embed-mobile-height{height:var(--bldr-embed-mobile-height)!important} .bldr-bgvid{display:none} .bldr-sticky-phone-off{position:relative!important} } /* Rotating headline words (tier 4). The document stores the choice; these keyframes and the platform runtime are the code. */ .hba-rot{display:inline-grid;vertical-align:baseline;text-align:start} .hba-rot-item{grid-area:1/1;visibility:hidden;white-space:nowrap} .hba-rot-item.is-in{visibility:visible;animation:hba-rot-in var(--hba-rot-anim,400ms) both} .hba-rot-fade .hba-rot-item.is-in{animation-name:hba-rot-fade} .hba-rot-slide-up .hba-rot-item.is-in{animation-name:hba-rot-slide-up} .hba-rot-flip .hba-rot-item.is-in{animation-name:hba-rot-flip} .hba-rot-zoom .hba-rot-item.is-in{animation-name:hba-rot-zoom} .hba-rot-bounce .hba-rot-item.is-in{animation-name:hba-rot-bounce} .hba-rot-blur .hba-rot-item.is-in{animation-name:hba-rot-blur} .hba-rot-typewriter .hba-rot-item.is-in{animation-name:hba-rot-type;animation-timing-function:steps(18,end)} @keyframes hba-rot-in{from{opacity:0}to{opacity:1}} @keyframes hba-rot-fade{from{opacity:0}to{opacity:1}} @keyframes hba-rot-slide-up{from{opacity:0;transform:translateY(0.5em)}to{opacity:1;transform:none}} @keyframes hba-rot-flip{from{opacity:0;transform:perspective(600px) rotateX(-90deg)}to{opacity:1;transform:none}} @keyframes hba-rot-zoom{from{opacity:0;transform:scale(0.78)}to{opacity:1;transform:none}} @keyframes hba-rot-bounce{0%{opacity:0;transform:scale(0.7)}55%{opacity:1;transform:scale(1.09)}75%{transform:scale(0.97)}100%{transform:none}} @keyframes hba-rot-blur{from{opacity:0;filter:blur(9px)}to{opacity:1;filter:none}} @keyframes hba-rot-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} @media (prefers-reduced-motion:reduce){.hba-rot .hba-rot-item.is-in{animation:none}} /* A per-device override has to carry the SAME centred-list recipe the ordinary alignment classes use (see .bldr-rt-center above): text-align alone leaves the bullets pinned to the far left while the words move to the middle. */ @media (max-width:767px){ .bldr-al-m-left,.bldr-al-m-left>*{text-align:left!important} .bldr-al-m-center,.bldr-al-m-center>*{text-align:center!important} .bldr-al-m-right,.bldr-al-m-right>*{text-align:right!important} .bldr-al-m-justify,.bldr-al-m-justify>*{text-align:justify!important} .bldr-al-m-center ul,.bldr-al-m-center ol,.bldr-al-m-right ul,.bldr-al-m-right ol{display:table;max-width:100%;text-align:left!important} .bldr-al-m-center ul,.bldr-al-m-center ol{margin-left:auto;margin-right:auto} .bldr-al-m-right ul,.bldr-al-m-right ol{margin-left:auto;margin-right:0} .bldr-al-m-left ul,.bldr-al-m-left ol{display:block;margin-left:0;margin-right:0} } @media (min-width:768px) and (max-width:1024px){ .bldr-al-t-left,.bldr-al-t-left>*{text-align:left!important} .bldr-al-t-center,.bldr-al-t-center>*{text-align:center!important} .bldr-al-t-right,.bldr-al-t-right>*{text-align:right!important} .bldr-al-t-justify,.bldr-al-t-justify>*{text-align:justify!important} .bldr-al-t-center ul,.bldr-al-t-center ol,.bldr-al-t-right ul,.bldr-al-t-right ol{display:table;max-width:100%;text-align:left!important} .bldr-al-t-center ul,.bldr-al-t-center ol{margin-left:auto;margin-right:auto} .bldr-al-t-right ul,.bldr-al-t-right ol{margin-left:auto;margin-right:0} .bldr-al-t-left ul,.bldr-al-t-left ol{display:block;margin-left:0;margin-right:0} } @media (max-width:767px){.bldr-hide-mobile{display:none!important}} @media (min-width:768px) and (max-width:1024px){.bldr-hide-tablet{display:none!important}} @media (min-width:1025px){.bldr-hide-desktop{display:none!important}} .bldr-pad-none{padding-top:0;padding-bottom:0} .bldr-pad-sm{padding-top:1.40rem;padding-bottom:1.40rem} .bldr-pad-md{padding-top:2.60rem;padding-bottom:2.60rem} .bldr-pad-lg{padding-top:4.00rem;padding-bottom:4.00rem} .bldr-pad-xl{padding-top:6.00rem;padding-bottom:6.00rem} @media(max-width:767px){ .bldr-mobile-pad-top{padding-top:var(--bldr-mobile-pad-top)!important} .bldr-mobile-pad-bottom{padding-bottom:var(--bldr-mobile-pad-bottom)!important} .bldr-mobile-min-height{min-height:var(--bldr-mobile-min-height)!important} }

The Platform Bringing Bitcoin To The Next 100 Million People

Get more information

Bitcoin educational platform, not an investment service. May offer rewards subject to eligibility and applicable terms
Promotional rewards are learning incentives, not deposits, investment returns, or guaranteed income