:root{--bba-nav-height:72px}
body.bba-site-nav-ready{display:block;overflow-x:clip}
html{scroll-padding-top:calc(var(--bba-nav-height) + 16px);overflow-x:clip}
[id]{scroll-margin-top:calc(var(--bba-nav-height) + 16px)}
.bba-header{position:sticky;top:0;z-index:1000;background:rgba(11,14,20,.96);border-bottom:1px solid #26334b;backdrop-filter:blur(12px)}
.bba-nav{width:min(1120px,calc(100% - 40px));min-height:var(--bba-nav-height);margin:auto;display:flex;align-items:center;gap:20px}
.bba-brand{display:flex;align-items:center;gap:10px;color:#e8edf7;text-decoration:none;font:800 15px/1.2 Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;letter-spacing:.04em;white-space:nowrap}.bba-brand img{width:38px;height:38px;border-radius:9px}
.bba-menu{display:flex;align-items:center;gap:18px;margin-left:auto}.bba-menu a{color:#9ca9bd;text-decoration:none;font-size:.82rem;white-space:nowrap}.bba-menu a:hover{color:#38e1ff}.bba-menu .bba-nav-cta{min-height:44px;display:inline-flex;align-items:center;padding:8px 16px;border:0;border-radius:9px;background:linear-gradient(135deg,#3e7bfa,#2b63e0 60%,#1f8fd6);box-shadow:0 6px 22px rgba(62,123,250,.35);color:#fff;font-weight:800}.bba-menu .bba-nav-cta:hover{color:#fff;box-shadow:0 0 0 1px #38e1ff,0 8px 26px rgba(56,225,255,.3)}
.bba-menu .bba-nav-login{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #26334b;border-radius:9px;color:#e8edf7;font-weight:700}.bba-menu .bba-nav-login:hover{border-color:#38e1ff}
.bba-menu-toggle{display:none;margin-left:auto;min-width:44px;min-height:44px;border:1px solid #26334b;border-radius:9px;background:#131826;color:#e8edf7;font:700 .78rem ui-monospace,monospace;cursor:pointer}
.bba-social{display:flex;align-items:center;gap:10px}.bba-social-label{color:#9ca9bd;font-size:.82rem}.bba-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #26334b;border-radius:50%;color:#38e1ff}.bba-social svg{width:21px;height:21px;fill:currentColor}.bba-social a:hover{border-color:#38e1ff;background:rgba(56,225,255,.08)}
.bba-nav a:focus-visible,.bba-menu-toggle:focus-visible,.bba-social a:focus-visible{outline:3px solid #38e1ff;outline-offset:3px}
body.bba-site-nav-ready>.panel{margin:60px auto}
body.bba-site-nav-ready>footer{margin-top:72px;padding:32px 0;border-top:1px solid #26334b;color:#9ca9bd}body.bba-site-nav-ready>footer a{color:#38e1ff}
@media(max-width:1080px){.bba-nav{width:calc(100% - 28px);flex-wrap:wrap}.bba-menu-toggle{display:block}.bba-menu{display:none;flex:1 0 100%;margin:0;padding:0 0 14px;align-items:stretch;flex-direction:column;gap:2px}.bba-menu[data-open]{display:flex}.bba-menu a{display:flex;align-items:center;min-height:44px;padding:8px 10px}.bba-menu .bba-nav-cta,.bba-menu .bba-nav-login{justify-content:center;margin-top:5px}}
@media(max-width:1080px){.bba-brand{font-size:13px}}
@media(max-width:400px){.bba-nav{width:calc(100% - 20px)}.bba-brand{font-size:12px}.bba-social{flex-wrap:wrap}}
/* Login / account top right (same look as the member area menu, 31. 10. 2026) */
.bba-acct{display:flex;align-items:center;flex:0 0 auto}
.bba-acct [hidden]{display:none}
/* One primary button in the header (FUNNEL-GUIDE 4): the offer is filled, Log in is outlined. */
.bba-acct-login{min-height:44px;padding:8px 16px;border:1px solid #34466a;border-radius:9px;background:transparent;color:#e8edf7;font:700 .82rem Inter,"Segoe UI",system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.bba-acct-login:hover{border-color:#38e1ff;background:rgba(56,225,255,.08)}
.bba-acct-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:5px 14px 5px 6px;border:1px solid #34466a;border-radius:999px;background:#171e2e;color:#e8edf7;font:700 .82rem Inter,"Segoe UI",system-ui,-apple-system,sans-serif;cursor:pointer}
.bba-acct-btn:hover{border-color:#38e1ff}
.bba-acct-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3e7bfa,#38e1ff);color:#06101d;font:700 13px ui-monospace,monospace;text-transform:uppercase}
.bba-acct-avatar--big{flex:0 0 auto;width:42px;height:42px;font-size:17px}
.bba-acct-login:focus-visible,.bba-acct-btn:focus-visible,.bba-acct-pop :focus-visible{outline:3px solid #38e1ff;outline-offset:3px}
.bba-acct-pop{position:fixed;inset:calc(var(--bba-nav-height) + 6px) max(16px,calc((100vw - 1120px)/2)) auto auto;margin:0;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:18px;border:1px solid #34466a;border-radius:16px;background:rgba(19,24,38,.98);color:#e8edf7;font:15px/1.5 Inter,"Segoe UI",system-ui,-apple-system,sans-serif;box-shadow:0 24px 70px rgba(0,0,0,.6),0 0 0 1px rgba(56,225,255,.08)}
.bba-acct-pop::backdrop{background:rgba(3,5,10,.45)}
.bba-acct-pop h2{margin:0 0 6px;font-size:18px;line-height:1.3;color:#e8edf7}
.bba-acct-pop p{margin:0 0 12px;color:#9ca9bd;font-size:14px}
.bba-acct-pop label{display:block;margin-bottom:5px;color:#c6d0e0;font-size:13.5px}
.bba-acct-pop input[type=email]{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;margin:0 0 10px;border:1px solid #26334b;border-radius:10px;background:#070a10;color:#e8edf7;font:15px Inter,"Segoe UI",system-ui,sans-serif}
.bba-acct-pop input[type=email]:focus{outline:0;border-color:#38e1ff;box-shadow:0 0 0 3px rgba(56,225,255,.18)}
.bba-acct-pop form{margin:0}
.bba-acct-primary{width:100%;min-height:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#3e7bfa,#2b63e0 60%,#1f8fd6);color:#fff;font:700 15px Inter,"Segoe UI",system-ui,sans-serif;cursor:pointer}
.bba-acct-primary[disabled]{opacity:.55;cursor:default}
.bba-acct-pop .bba-acct-status{min-height:1.4em;margin:10px 0 0}.bba-acct-pop .bba-acct-status[data-kind=good]{color:#8ff2cf}.bba-acct-pop .bba-acct-status[data-kind=bad]{color:#ff9f9f}
.bba-acct-more{color:#38e1ff;font-size:14px;text-decoration:none}.bba-acct-more:hover{text-decoration:underline}
.bba-acct-who{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid #26334b}
.bba-acct-who b{display:block;font-size:14.5px;word-break:break-all}
.bba-acct-who small{display:flex;align-items:center;gap:6px;color:#9ca9bd;font-size:12.5px}
.bba-acct-who small::before{content:"";width:7px;height:7px;border-radius:50%;background:#9ca9bd}
.bba-acct-who small[data-state=active]{color:#3ee08f}.bba-acct-who small[data-state=active]::before{background:#3ee08f;box-shadow:0 0 8px #3ee08f}
.bba-acct-who small[data-state=none]::before{background:#ffb547}
.bba-acct-item{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:0;border-radius:10px;background:none;color:#c6d0e0;font:15px Inter,"Segoe UI",system-ui,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.bba-acct-item:hover{background:rgba(62,123,250,.14);color:#fff}
.bba-acct-item small{display:block;color:#9ca9bd;font-size:12px}
.bba-acct-pop hr{border:0;border-top:1px solid #26334b;margin:8px 0}
@media(max-width:1080px){.bba-acct{order:1;margin-left:auto}.bba-menu-toggle{order:2;margin-left:10px}.bba-menu{order:3}.bba-acct-btn{padding:5px}.bba-acct-label{display:none}.bba-acct-pop{inset:calc(var(--bba-nav-height) + 6px) 14px auto 14px;width:auto}}
@media(max-width:400px){.bba-acct-login{padding:8px 12px}.bba-brand img{width:32px;height:32px}}
.bba-menu a[aria-current=page]{color:#e8edf7;text-decoration:underline;text-decoration-color:#38e1ff;text-underline-offset:6px}
/* One footer look on every public page (FUNNEL-GUIDE 1.9): same links, same size, left-aligned. */
body.bba-site-nav-ready>footer{font-size:.88rem;line-height:1.6}
body.bba-site-nav-ready>footer .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}
body.bba-site-nav-ready>footer .footer-links a{color:#c6d0e0;text-decoration:none;padding:2px 0}
body.bba-site-nav-ready>footer .footer-links a:hover{color:#38e1ff;text-decoration:underline}
body.bba-site-nav-ready>footer .footer-links>span{display:contents}
body.bba-site-nav-ready>footer .bba-foot{flex-direction:column;align-items:flex-start;gap:16px;min-height:0}
body.bba-site-nav-ready>footer .bba-foot{width:min(1120px,calc(100% - 32px))}