:root{--bbo-navy:#10243d;--bbo-blue:#1268a8;--bbo-orange:#f58220;--bbo-cream:#f7f4ed;--bbo-green:#16845b;--bbo-red:#ba3b36}.bbo-app{max-width:820px;margin:24px auto;color:var(--bbo-navy);font-family:Inter,system-ui,-apple-system,sans-serif}.bbo-app *{box-sizing:border-box}.bbo-header{display:flex;align-items:center;gap:24px;background:var(--bbo-navy);color:#fff;padding:28px;border-radius:22px 22px 0 0}.bbo-logo{width:190px;max-height:72px;object-fit:contain}.bbo-header h1{font-size:clamp(25px,5vw,42px);margin:4px 0}.bbo-header p{margin:0;color:#d9e8f5}.bbo-free{display:inline-block;background:var(--bbo-orange);color:#111;padding:5px 11px;border-radius:99px;font-weight:900;font-size:13px;letter-spacing:.08em}.bbo-panel{background:var(--bbo-cream);padding:clamp(24px,5vw,48px);border:1px solid #e4dfd4;border-radius:0 0 22px 22px;box-shadow:0 16px 45px #10243d1b}.bbo-panel[hidden]{display:none}.bbo-panel h2{font-size:clamp(24px,4vw,34px);line-height:1.2}.bbo-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;list-style:none;margin:25px 0}.bbo-features li{background:#fff;padding:16px;border-radius:12px;text-align:center;font-weight:700}.bbo-button{appearance:none;border:0;border-radius:12px;background:var(--bbo-orange);color:#132033;padding:15px 24px;font:800 17px inherit;cursor:pointer;box-shadow:0 5px 0 #c95e08}.bbo-button:hover{transform:translateY(-1px)}.bbo-button:focus-visible,.bbo-answer:has(input:focus-visible){outline:4px solid #55aaf0;outline-offset:3px}.bbo-secondary{background:var(--bbo-blue);color:#fff;box-shadow:0 5px 0 #094875}.bbo-disclaimer{font-size:13px;color:#596576;margin-top:24px}.bbo-progress{display:flex;justify-content:space-between;font-weight:800}.bbo-progressbar{height:8px;background:#dbe1e5;border-radius:9px;margin:10px 0 30px;overflow:hidden}.bbo-progressbar i{display:block;height:100%;background:var(--bbo-orange);transition:width .25s}.bbo-category{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--bbo-blue);letter-spacing:.08em}.bbo-panel fieldset{border:0;padding:0;margin:24px 0}.bbo-answer{display:block;background:#fff;border:2px solid #dce1e5;padding:17px;border-radius:12px;margin:10px 0;cursor:pointer}.bbo-answer:has(input:checked){border-color:var(--bbo-blue);background:#eaf5fd}.bbo-answer input{margin-right:12px;transform:scale(1.3)}.bbo-actions{text-align:right;margin-top:25px}.bbo-result{text-align:center;padding:24px;border-radius:16px;background:#fff}.bbo-score{font-size:68px;font-weight:950;color:var(--bbo-green)}.bbo-result.is-fail .bbo-score{color:var(--bbo-red)}.bbo-review{margin:25px 0}.bbo-review summary{font-weight:800;cursor:pointer}.bbo-review article{background:#fff;padding:18px;margin:10px 0;border-left:6px solid var(--bbo-green);border-radius:8px}.bbo-review article.wrong{border-color:var(--bbo-red)}.bbo-review h3{margin:0}.bbo-save{background:#fff;padding:22px;border-radius:14px;margin:24px 0}.bbo-save label:not(.bbo-consent){display:block;font-weight:700;margin:12px 0}.bbo-save input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #adb8c2;border-radius:8px;font-size:16px;margin-top:5px}.bbo-consent{display:flex;gap:10px;margin:17px 0;font-size:14px}.bbo-saved{color:var(--bbo-green);overflow-wrap:anywhere}.bbo-status{min-height:24px;color:var(--bbo-red);font-weight:700;margin:10px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.bbo-header{align-items:flex-start;flex-direction:column}.bbo-logo{width:160px}.bbo-features{grid-template-columns:1fr}.bbo-panel{padding:23px}.bbo-button{width:100%}.bbo-actions{text-align:stretch}}