.bb-page{--bb-glass: rgba(18, 14, 52, .88);--bb-glass-raised: rgba(28, 22, 72, .94);--bb-border: rgba(255, 255, 255, .08);--bb-border-mid: rgba(196, 86, 255, .18);--bb-border-accent: rgba(196, 86, 255, .45);--bb-shadow: 0 1px 2px rgba(0,0,0,.24), 0 12px 40px rgba(0,0,0,.32);--bb-shadow-lift: 0 1px 2px rgba(0,0,0,.28), 0 24px 56px rgba(120,60,220,.36);--bb-text-1: rgba(255,255,255,.98);--bb-text-2: rgba(218,210,240,.78);--bb-text-3: rgba(180,170,215,.58);--bb-accent: #c456ff;--bb-accent-soft: #e3c7ff;--bb-accent-bright: #d989ff;--bb-accent-bg: rgba(196,86,255,.14);--bb-success: #5EE0B2;--bb-edge: inset 0 1px 0 rgba(255,255,255,.08);--bb-edge-strong: inset 0 1px 0 rgba(255,255,255,.12);--bb-ease: cubic-bezier(.32,.72,0,1);padding:0 0 72px;position:relative;overflow:hidden;font-feature-settings:"ss01","cv11"}.bb-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.bb-orb--1{width:540px;height:540px;background:radial-gradient(circle,#c456ff52,#c456ff00 65%);filter:blur(60px);top:-200px;left:-180px}.bb-orb--2{width:480px;height:480px;background:radial-gradient(circle,#5137ac4d,#5137ac00 65%);filter:blur(60px);top:60px;right:-160px}.bb-orb--3{width:380px;height:380px;background:radial-gradient(circle,#7850dc2e,#7850dc00 65%);filter:blur(70px);top:60%;left:30%}@media(max-width:920px){.bb-orb{display:none}.bb-hero-badge{backdrop-filter:none;-webkit-backdrop-filter:none}}.bb-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.bb-hero{padding:56px 0 28px;text-align:center;position:relative}.bb-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:#c456ff12;border:1px solid rgba(196,86,255,.22);color:var(--bb-accent-soft);font-size:11px;font-weight:600;letter-spacing:.35px;text-transform:uppercase;margin-bottom:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0d}.bb-hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bb-accent);box-shadow:0 0 0 4px #c456ff2e;animation:bb-pulse 2.4s var(--bb-ease) infinite}@keyframes bb-pulse{0%,to{box-shadow:0 0 #c456ff66}50%{box-shadow:0 0 0 6px #c456ff00}}.bb-hero h1{font-size:35px;font-weight:600;color:#fff;line-height:1.1;margin:0 0 14px;letter-spacing:-1.2px;background:linear-gradient(180deg,#fff,#cfc6ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bb-hero-sub{color:var(--bb-text-2);font-size:15px;max-width:560px;margin:0 auto 30px;line-height:1.55;letter-spacing:-.1px}.bb-layout{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start;margin-top:8px}@media(max-width:920px){.bb-layout{grid-template-columns:1fr}}.bb-config{background:var(--bb-glass);border:1px solid var(--bb-border);border-radius:16px;padding:18px;box-shadow:var(--bb-shadow),var(--bb-edge);position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}@media(max-width:920px){.bb-config{position:static}}.bb-config-section{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05)}.bb-config-section:last-of-type{border-bottom:none;padding-bottom:0}.bb-config-section-title{color:var(--bb-text-1);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.bb-toggle-all{margin-left:auto;background:transparent;border:1px solid rgba(196,86,255,.25);color:#c456ffd9;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.bb-toggle-all:hover,.bb-toggle-all:focus{background:#c456ff1a;color:#fff;border-color:#c456ff73;outline:none}.bb-pill-lock{font-size:10px;opacity:.7}.bb-locked-section{position:relative}.bb-locked-section .bb-pills,.bb-locked-section .bb-checks,.bb-locked-section .bb-toggle,.bb-locked-section .bb-slider-row{opacity:.55;pointer-events:none}.bb-locked-section{cursor:pointer}.bb-check-inline{margin-top:10px;font-size:12.5px;opacity:.85}.bb-section-muted .bb-slider-row{opacity:.45;pointer-events:none;transition:opacity .2s var(--bb-ease)}.bb-section-muted .bb-slider-out{color:#ffffff80}.bb-slider-row{display:flex;align-items:center;gap:12px;touch-action:pan-x}.bb-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--bb-accent) 0%,rgba(196,86,255,.18) 100%);outline:none;touch-action:pan-x;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bb-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#d989ff,#b13fee);border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 14px #c456ff66;cursor:pointer}.bb-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#d989ff,#b13fee);border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 14px #c456ff66;cursor:pointer}.bb-slider-out{width:var(--bb-chip-w, 70px);box-sizing:border-box;flex-shrink:0;padding:4px 11px;border-radius:10px;background:var(--bb-accent-bg);border:1px solid var(--bb-border-mid);color:var(--bb-text-1);font-weight:600;font-size:16px;line-height:1.2;text-align:center;font-variant-numeric:tabular-nums;font-family:inherit;transform:scale(.8125);transform-origin:left center;margin:-2.5px calc(var(--bb-chip-w, 70px) * -.1875) -2.5px 0;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;outline:none;transition:border-color .15s var(--bb-ease),background .15s var(--bb-ease);cursor:text;box-shadow:none}.bb-slider-out:focus{border-color:var(--bb-border-accent);background:#a79fff1f}.bb-slider-out:disabled{opacity:.55;cursor:not-allowed}.bb-slider-out::-webkit-outer-spin-button,.bb-slider-out::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:920px){.bb-slider{height:10px}.bb-slider::-webkit-slider-thumb{width:28px;height:28px;background:#c456ff;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #c456ff59}.bb-slider::-moz-range-thumb{width:28px;height:28px;background:#c456ff;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #c456ff59}.bb-slider-row{padding:10px 0}}.bb-lock-note{display:flex;align-items:center;gap:6px;color:var(--bb-text-3);font-size:11px;line-height:1.4;margin:8px 0 0}.bb-lock-ico{color:var(--bb-accent-soft);flex-shrink:0}.bb-pills{display:flex;flex-wrap:wrap;gap:6px}.bb-pill{position:relative;cursor:pointer}.bb-pill input{position:absolute;opacity:0;pointer-events:none}.bb-pill span{display:inline-block;padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--bb-text-2);font-size:12px;font-weight:500;transition:background .2s var(--bb-ease),border-color .2s var(--bb-ease),color .2s var(--bb-ease)}.bb-pill input:checked+span{background:var(--bb-accent-bg);border-color:var(--bb-border-accent);color:#fff;font-weight:600}.bb-pill input:disabled+span{opacity:.5;cursor:not-allowed}.bb-feasibility{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon text" "btn  btn";column-gap:10px;row-gap:8px;padding:10px 12px;margin:12px 0;background:#ffb43c14;border:1px solid rgba(255,180,60,.25);border-radius:8px;color:#ffdcaaf2;font-size:12.5px;line-height:1.4}.bb-feasibility[hidden]{display:none}.bb-feasibility-ico{grid-area:icon;flex-shrink:0;margin-top:1px;color:#ffc850e6}.bb-feasibility-text{grid-area:text;min-width:0}.bb-feasibility-text strong{color:#fff;font-weight:600}.bb-feasibility-fix{grid-area:btn;justify-self:center;padding:5px 14px;background:#ffb43c26;border:1px solid rgba(255,180,60,.35);border-radius:6px;color:#fff;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s var(--bb-ease)}.bb-feasibility-fix:hover{background:#ffb43c47}.bb-feasibility-fix[hidden]{display:none}.bb-custom-row{display:flex;align-items:center;gap:10px;margin-top:8px}.bb-custom-row[hidden]{display:none}.bb-custom-hint{color:var(--bb-text-3);font-size:11.5px;font-weight:500;letter-spacing:.15px;flex-shrink:0}.bb-custom-input{width:48px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--bb-text-1);font-size:16px;font-weight:600;transform:scale(.84375);transform-origin:left center;font-variant-numeric:tabular-nums;text-align:center;transition:border-color .2s var(--bb-ease),background .2s var(--bb-ease);-moz-appearance:textfield}.bb-custom-input::-webkit-outer-spin-button,.bb-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-custom-input:focus{outline:none;border-color:var(--bb-border-accent);background:var(--bb-accent-bg)}.bb-custom-input::placeholder{color:var(--bb-text-3);opacity:.6;font-weight:400}.bb-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}@media(max-width:480px){.bb-checks{grid-template-columns:1fr}}.bb-check{display:flex;align-items:center;gap:8px;cursor:pointer}.bb-check input{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:4px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff0a;cursor:pointer;transition:all .2s var(--bb-ease);position:relative;flex-shrink:0}.bb-check input:checked{background:var(--bb-accent);border-color:var(--bb-accent)}.bb-check input:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.bb-check span{color:var(--bb-text-2);font-size:13px}.bb-check input:disabled{opacity:.5;cursor:not-allowed}.bb-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.bb-toggle input{position:absolute;opacity:0;pointer-events:none}.bb-toggle-track{width:36px;height:20px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);position:relative;transition:background .2s var(--bb-ease);flex-shrink:0}.bb-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#ffffffb3;transition:transform .2s var(--bb-ease),background .2s var(--bb-ease)}.bb-toggle input:checked+.bb-toggle-track{background:var(--bb-accent)}.bb-toggle input:checked+.bb-toggle-track .bb-toggle-thumb{transform:translate(16px);background:#fff}.bb-toggle input:disabled+.bb-toggle-track{opacity:.55;cursor:not-allowed}.bb-toggle-label{color:var(--bb-text-2);font-size:12.5px;line-height:1.35}.bb-generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:linear-gradient(180deg,#d165ff,#b13fee);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:14px;letter-spacing:.2px;cursor:pointer;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000029,0 8px 24px #c456ff52,0 1px 2px #0000002e;transition:transform .25s var(--bb-ease),box-shadow .25s var(--bb-ease);width:100%}.bb-generate-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 12px 28px #c456ff6b,0 2px 4px #0003}.bb-upgrade-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;background:#c456ff14;border:1px solid rgba(196,86,255,.28);color:var(--bb-accent-soft);font-size:12.5px;font-weight:600;text-decoration:none;text-align:center;transition:background .2s var(--bb-ease),color .2s var(--bb-ease)}.bb-upgrade-btn:hover{background:#c456ff26;color:#fff;text-decoration:none}.bb-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;align-self:center;width:fit-content;margin-top:4px;padding:4px 8px;background:transparent;border:none;color:#fff6;font-family:inherit;font-size:11.5px;font-weight:500;cursor:pointer;transition:color .15s var(--bb-ease);-webkit-tap-highlight-color:transparent;line-height:1}.bb-reset-btn:hover{color:#ffffffb8}.bb-reset-btn:active{color:#ffffffd9}.bb-reset-btn svg{opacity:.85;flex-shrink:0}.bb-result{min-height:240px}.bb-slip{background:var(--bb-glass);border:1px solid var(--bb-border);border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:var(--bb-shadow),var(--bb-edge);position:relative;overflow:visible}.bb-slip:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,86,255,.45),transparent);pointer-events:none}.bb-slip-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding-inline:13px}.bb-slip-eyebrow{color:var(--bb-accent-soft);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.bb-slip-title{color:var(--bb-text-1);font-size:18px;font-weight:600;margin:0;letter-spacing:-.3px}.bb-slip-odds-headline{color:var(--bb-accent);font-variant-numeric:tabular-nums}.bb-slip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}[dir=rtl] .bb-slip-list{padding-right:0}.bb-slip-row{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.bb-slip-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.bb-slip-date{color:var(--bb-text-2);font-size:10.5px;font-weight:600;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.bb-slip-row-body{display:grid;grid-template-columns:1fr 40px 72px;gap:16px;align-items:stretch}.bb-slip-teams{display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-width:0}.bb-slip-team-line{display:flex;align-items:center;gap:10px;min-width:0}.bb-slip-logo,.bb-slip-logo--blank{width:18px;height:18px;object-fit:cover;border-radius:50%;background:#ffffff0f;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));display:inline-block}.bb-slip-logo--blank{background:transparent;filter:none}.bb-slip-team{color:var(--bb-text-1);font-weight:500;font-size:13.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.bb-slip-league{color:var(--bb-text-3);font-size:9.5px;text-transform:uppercase;letter-spacing:.55px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0}.bb-slip-country{color:var(--bb-text-3)}.bb-slip-trust-col{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px}.bb-slip-trust{color:var(--bb-success);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.bb-slip-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex-shrink:0;text-align:center;min-width:44px}.bb-slip-pick-label{color:#fff;font-weight:600;font-size:14px;line-height:1.15;letter-spacing:-.1px}.bb-slip-odd{color:var(--bb-text-1);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:5px;background:#c456ff1a;border:1px solid rgba(196,86,255,.18);line-height:1.15}.bb-slip-odd.has-move{display:inline-flex;align-items:center;gap:4px}.bb-slip-odd-arrow{width:9px;height:9px;flex-shrink:0;transition:none}.bb-slip-odd-arrow.arrowDown-ico{color:#ff4a4a;transform:rotate(180deg) scaleX(.85)}.bb-slip-odd-arrow.arrowUp-ico{color:#2fec68;transform:scaleX(.85)}@media(max-width:480px){.bb-slip-row{padding:10px;gap:8px}.bb-slip-head{padding-inline:11px}.bb-slip-row-body{grid-template-columns:1fr 36px 64px;gap:12px}.bb-slip-team{font-size:12.5px}.bb-slip-logo,.bb-slip-logo--blank{width:16px;height:16px}.bb-slip-team-line{gap:8px}.bb-slip-date{font-size:10px;letter-spacing:.25px}.bb-slip-league{font-size:9px}.bb-slip-hide-mobile{display:none}.bb-slip-trust{font-size:12px}.bb-slip-pick-label{font-size:13.5px}.bb-slip-odd{font-size:12.5px;padding:2px 7px}}.bb-slip-foot{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--bb-text-3);font-size:11.5px}.bb-slip-foot strong{color:var(--bb-text-1);font-weight:600}.bb-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;color:var(--bb-text-3);cursor:help;position:relative;vertical-align:middle}.bb-help:hover,.bb-help:focus{color:var(--bb-text-1);outline:none}.bb-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#141038f5;border:1px solid rgba(196,86,255,.3);border-radius:8px;padding:9px 11px;color:#fff;font-size:11.5px;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:0;white-space:normal;width:240px;max-width:calc(100vw - 32px);box-shadow:0 10px 28px #0000008c;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:1000}.bb-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#141038f5;margin-bottom:-1px}.bb-help:hover .bb-tooltip,.bb-help:focus .bb-tooltip,.bb-help.bb-help--active .bb-tooltip{opacity:1;visibility:visible}body:has(.bb-slip-help.bb-help--active) .bb-container:after{content:"";position:fixed;top:-100vh;bottom:-100vh;left:0;right:0;background:#08051e6b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:5;pointer-events:none;animation:bb-scrim-fade-in .18s var(--bb-ease) both}@keyframes bb-scrim-fade-in{0%{opacity:0}to{opacity:1}}.bb-slip-help.bb-help--active{z-index:1001}.bb-slip-stat-with-help{display:inline-flex;align-items:center;gap:4px}.bb-help:focus-visible,.bb-slider:focus-visible,.bb-checks input:focus-visible,.bb-pills input:focus-visible,.bb-toggle-all:focus-visible,.bb-toggle input:focus-visible,.bb-markets-toggle-all:focus-visible{outline:2px solid rgba(196,86,255,.85);outline-offset:2px;border-radius:3px}.bb-generate-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.bb-slip-help{position:absolute;top:14px;inset-inline-end:14px;width:26px;height:26px;border-radius:50%;background:#c456ff1a;border:1px solid rgba(196,86,255,.25);color:#c456fff2;margin:0;padding:0;cursor:pointer;z-index:5;transition:background .15s ease,border-color .15s ease,color .15s ease}.bb-slip-help:hover,.bb-slip-help:focus{background:#c456ff33;border-color:#c456ff80;color:#fff;outline:none}.bb-tooltip--wide{width:300px;max-width:calc(100vw - 42px);inset-inline-start:auto;inset-inline-end:0;left:auto;right:0;transform:none;text-align:start;overflow-wrap:anywhere;word-break:normal}.bb-tooltip--wide:before{inset-inline-start:auto;inset-inline-end:12px;left:auto;right:12px;transform:none}.bb-tooltip-title{font-weight:600;color:#c456fff2;text-transform:uppercase;letter-spacing:.5px;font-size:10px;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}.bb-tooltip--wide strong{color:#fff;font-weight:600}.bb-warning{display:flex;align-items:center;gap:8px;background:#ffa86614;border:1px solid rgba(255,168,102,.25);border-radius:10px;padding:10px 14px;margin-bottom:12px;color:#ffc896f2;font-size:12.5px;line-height:1.45}.bb-warning-ico{flex-shrink:0}.bb-warning-text{flex:1}.bb-slip-delta{margin-top:4px;font-size:11.5px}.bb-delta{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}.bb-delta-good{color:#6dd99a;background:#6dd99a1a;border:1px solid rgba(109,217,154,.2)}.bb-delta-mid{color:#ffc880;background:#ffc8801a;border:1px solid rgba(255,200,128,.22)}.bb-delta-bad{color:#ff8a8a;background:#ff8a8a1a;border:1px solid rgba(255,138,138,.22)}.bb-empty{background:var(--bb-glass);border:1px dashed var(--bb-border-mid);border-radius:16px;padding:36px 24px;text-align:center;color:var(--bb-text-2)}.bb-empty h3{color:var(--bb-text-1);font-size:15px;font-weight:600;margin:0 0 6px}.bb-empty p{margin:0;font-size:13px;line-height:1.5}.bb-no-match{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bb-glass);border:1px solid rgba(255,168,102,.22);border-radius:16px;padding:48px 28px;min-height:240px;box-shadow:var(--bb-edge)}.bb-no-match-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#ffa86633,#c4565a1a);border:1px solid rgba(255,168,102,.28);color:#ffc896f2;margin-bottom:16px;box-shadow:inset 0 1px #ffffff14,0 4px 14px #ffa8661f}.bb-no-match-title{color:var(--bb-text-1);font-size:16px;font-weight:600;margin:0 0 8px;letter-spacing:-.2px;max-width:380px}.bb-no-match-text{color:var(--bb-text-2);font-size:13.5px;line-height:1.55;margin:0;max-width:420px}.bb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bb-glass);border:1px dashed var(--bb-border-mid);border-radius:16px;padding:56px 28px;min-height:280px;box-shadow:var(--bb-edge)}.bb-placeholder-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#c456ff2e,#5137ac1a);border:1px solid var(--bb-border-mid);color:var(--bb-accent-soft);margin-bottom:18px;box-shadow:inset 0 1px #ffffff14,0 4px 14px #c456ff1f}.bb-placeholder h3{color:var(--bb-text-1);font-size:17px;font-weight:600;margin:0 0 8px;letter-spacing:-.3px}.bb-placeholder p{color:var(--bb-text-2);font-size:13.5px;line-height:1.55;margin:0;max-width:360px}.bb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;color:var(--bb-text-2);font-size:13px}.bb-spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid rgba(196,86,255,.18);border-top-color:var(--bb-accent);animation:bb-spin .9s linear infinite}@keyframes bb-spin{to{transform:rotate(360deg)}}.bb-how{margin-top:44px}.bb-section-title{display:flex;align-items:center;gap:10px;color:var(--bb-text-1);font-size:16px;font-weight:600;margin:44px 0 16px;letter-spacing:-.3px}.bb-section-title:before{content:"";width:12px;height:1px;background:linear-gradient(90deg,var(--bb-accent),transparent)}.bb-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:720px){.bb-how-grid{grid-template-columns:1fr}}.bb-how-card{background:var(--bb-glass);border:1px solid var(--bb-border);border-radius:14px;padding:18px;box-shadow:var(--bb-edge)}.bb-how-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bb-accent-bg);border:1px solid var(--bb-border-mid);color:var(--bb-accent-soft);font-weight:700;font-size:13px;margin-bottom:10px}.bb-how-card h3{color:var(--bb-text-1);font-size:14px;font-weight:600;margin:0 0 6px;letter-spacing:-.2px}.bb-how-card p{color:var(--bb-text-2);margin:0;line-height:1.55;font-size:13px}.bb-related{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:720px){.bb-related{grid-template-columns:1fr}}.bb-related a,.bb-related a:visited{display:flex;align-items:center;justify-content:center;padding:18px;min-height:72px;background:var(--bb-glass);border:1px solid var(--bb-border);border-radius:14px;color:var(--bb-text-1);text-decoration:none;font-weight:500;font-size:14px;text-align:center;transition:transform .25s var(--bb-ease),border-color .2s var(--bb-ease),background .2s var(--bb-ease)}.bb-related a:hover{transform:translateY(-2px);border-color:var(--bb-border-accent);background:var(--bb-glass-raised);color:var(--bb-text-1);text-decoration:none}.bb-intro{margin-top:44px;background:var(--bb-glass);border:1px solid var(--bb-border);border-radius:18px;padding:28px 28px 24px}.bb-intro .bb-section-title{margin-top:0;margin-bottom:16px}.bb-intro-body p{color:var(--bb-text-2);margin:0 0 14px;line-height:1.65;font-size:14.5px}.bb-intro-body p:last-child{margin-bottom:0}.bb-intro-body strong{color:var(--bb-text-1);font-weight:600}.bb-intro-body a,.bb-intro-body a:visited{color:var(--bb-accent);text-decoration:none;border-bottom:1px solid rgba(196,86,255,.35);transition:border-color .15s ease,color .15s ease}.bb-intro-body a:hover{color:var(--bb-text-1);border-bottom-color:var(--bb-accent)}@media(max-width:720px){.bb-intro{padding:22px 18px 18px}.bb-intro-body p{font-size:14px;line-height:1.6}}faq_a* and the schema picks it up automatically. margin-top is 54px (10 more than .bb-how / .bb-intro at 44px) — the FAQ accordion sits directly under the .bb-intro card,so it needs extra breathing room to avoid feeling tacked on to the prose section above. */ .bb-faq{margin-top:64px}.bb-faq .bb-section-title{margin-top:0}.bb-faq-list{display:flex;flex-direction:column;gap:10px}.bb-faq-item{background:var(--bb-glass);border:1px solid var(--bb-border);border-radius:14px;overflow:hidden;transition:border-color .2s ease}.bb-faq-item[open]{border-color:var(--bb-border-accent)}.bb-faq-q{cursor:pointer;padding:16px 18px;color:var(--bb-text-1);font-weight:500;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none}.bb-faq-q::-webkit-details-marker{display:none}.bb-faq-q:after{content:"";width:9px;height:9px;border-right:2px solid var(--bb-text-2);border-bottom:2px solid var(--bb-text-2);transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0;margin-right:4px}.bb-faq-item[open] .bb-faq-q:after{transform:rotate(-135deg);margin-bottom:-4px}.bb-faq-q:hover{color:var(--bb-text-1)}.bb-faq-q:focus-visible{outline:2px solid var(--bb-accent);outline-offset:-2px}.bb-faq-a{margin:0;padding:0 18px 18px;color:var(--bb-text-2);font-size:14px;line-height:1.65}@media(max-width:720px){.bb-faq-q{font-size:14px;padding:14px 16px}.bb-faq-a{font-size:13.5px;padding:0 16px 16px}}.bb-modal-bg{position:fixed;inset:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;animation:bb-fade .25s cubic-bezier(.32,.72,0,1)}@keyframes bb-fade{0%{opacity:0}to{opacity:1}}.bb-modal{max-width:380px;width:100%;background:linear-gradient(180deg,#261a5afa,#16103c);border:1px solid rgba(196,86,255,.32);border-radius:18px;padding:28px 24px;text-align:center;box-shadow:0 24px 64px #00000080,inset 0 1px #ffffff1f;animation:bb-pop .3s cubic-bezier(.32,.72,0,1);color:#fff}@keyframes bb-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.bb-modal-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:linear-gradient(135deg,#c456ff,#8a3fd0);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px #ffffff52,0 6px 18px #c456ff6b}.bb-modal-title{color:#fff!important;font-size:18px;font-weight:600;margin:0 0 6px;letter-spacing:-.3px}.bb-modal-body{color:#ffffffd1!important;font-size:13.5px;line-height:1.55;margin:0 0 18px}.bb-modal-actions{display:flex;gap:8px;justify-content:center}.bb-modal-close,.bb-modal-cta{flex:1;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;text-decoration:none;text-align:center;transition:all .2s cubic-bezier(.32,.72,0,1)}.bb-modal-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffd1!important}.bb-modal-close:hover{background:#ffffff1a;color:#fff!important}.bb-modal-cta{background:linear-gradient(180deg,#d165ff,#b13fee);color:#fff!important;box-shadow:0 6px 18px #c456ff52}.bb-modal-cta:hover{transform:translateY(-1px);color:#fff!important;text-decoration:none}@media(max-width:640px){.bb-page{padding-bottom:48px}.bb-hero{padding:36px 0 20px}.bb-hero h1{font-size:24px;letter-spacing:-.8px}.bb-hero-sub{font-size:14px;margin-bottom:22px}.bb-section-title{margin:32px 0 14px}}