:root{--bb-color-bg: #0f0f0f;--bb-color-surface: #1c1c1c;--bb-color-accent: #00c2ff;--bb-color-text: #ffffff;--bb-color-muted: #9ca3af;--bb-color-surface-2: #262626;--bb-color-border: #2e2e2e;--bb-color-accent-strong: #19cdff;--bb-color-accent-press: #00a6db;--bb-color-on-accent: #0f0f0f;--bb-color-accent-soft: rgba(0, 194, 255, .14);--bb-radius-sm: 8px;--bb-radius-md: 12px;--bb-radius-lg: 16px;--bb-radius-pill: 999px;--bb-space-1: 4px;--bb-space-2: 8px;--bb-space-3: 12px;--bb-space-4: 16px;--bb-space-5: 24px;--bb-space-6: 32px;--bb-space-7: 48px;--bb-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bb-font-weight-regular: 400;--bb-font-weight-medium: 600;--bb-font-weight-bold: 800;--bb-text-xs: 12px;--bb-text-sm: 14px;--bb-text-md: 16px;--bb-text-lg: 20px;--bb-text-xl: 28px;--bb-text-2xl: 40px;--bb-shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .45);--bb-shadow-accent: 0 8px 24px rgba(0, 194, 255, .28);--bb-ease: cubic-bezier(.2, .8, .2, 1);--bb-duration: .16s}@keyframes bb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){[style*=bb-spin]{animation:none!important}}.bb-theme{background:var(--bb-color-bg);color:var(--bb-color-text);font-family:var(--bb-font-sans);min-height:100%}.bb-logo{display:inline-flex;align-items:center;gap:.42em;font-family:var(--bb-font-sans);font-weight:var(--bb-font-weight-bold);line-height:1;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.bb-logo--sm{font-size:18px}.bb-logo--md{font-size:26px}.bb-logo--lg{font-size:40px}.bb-logo__mark{flex:none;font-size:1.15em}.bb-logo__wordmark{display:inline-flex}.bb-logo--color .bb-logo__glove{fill:var(--bb-color-accent)}.bb-logo--color .bb-logo__bolt{fill:var(--bb-color-bg)}.bb-logo--color .bb-logo__box{color:var(--bb-color-text)}.bb-logo--color .bb-logo__burn{color:var(--bb-color-accent)}.bb-logo--mono .bb-logo__glove{fill:var(--bb-color-text)}.bb-logo--mono .bb-logo__bolt{fill:var(--bb-color-bg)}.bb-logo--mono .bb-logo__box,.bb-logo--mono .bb-logo__burn{color:var(--bb-color-text)}.bb-logo--inverted .bb-logo__glove{fill:var(--bb-color-bg)}.bb-logo--inverted .bb-logo__bolt{fill:var(--bb-color-text)}.bb-logo--inverted .bb-logo__box,.bb-logo--inverted .bb-logo__burn{color:var(--bb-color-bg)}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bb-space-2);font-family:var(--bb-font-sans);font-weight:var(--bb-font-weight-bold);border:1px solid transparent;border-radius:var(--bb-radius-pill);cursor:pointer;white-space:nowrap;transition:background var(--bb-duration) var(--bb-ease),border-color var(--bb-duration) var(--bb-ease),transform var(--bb-duration) var(--bb-ease),box-shadow var(--bb-duration) var(--bb-ease)}.bb-btn:active{transform:translateY(1px)}.bb-btn:focus-visible{outline:2px solid var(--bb-color-accent);outline-offset:2px}.bb-btn:disabled{opacity:.5;cursor:not-allowed}.bb-btn--sm{font-size:var(--bb-text-sm);padding:8px 16px}.bb-btn--md{font-size:var(--bb-text-md);padding:12px 22px}.bb-btn--lg{font-size:var(--bb-text-lg);padding:18px 32px}.bb-btn--block{width:100%}.bb-btn--primary{background:var(--bb-color-accent);color:var(--bb-color-on-accent);box-shadow:var(--bb-shadow-accent)}.bb-btn--primary:hover:not(:disabled){background:var(--bb-color-accent-strong)}.bb-btn--primary:active:not(:disabled){background:var(--bb-color-accent-press)}.bb-btn--secondary{background:var(--bb-color-surface-2);color:var(--bb-color-text);border-color:var(--bb-color-border)}.bb-btn--secondary:hover:not(:disabled){border-color:var(--bb-color-accent)}.bb-btn--ghost{background:transparent;color:var(--bb-color-text)}.bb-btn--ghost:hover:not(:disabled){background:var(--bb-color-surface)}.bb-btn__icon{display:inline-flex;font-size:1.15em}.bb-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--bb-radius-md);color:var(--bb-color-text);cursor:pointer;transition:background var(--bb-duration) var(--bb-ease),border-color var(--bb-duration) var(--bb-ease),color var(--bb-duration) var(--bb-ease)}.bb-iconbtn:focus-visible{outline:2px solid var(--bb-color-accent);outline-offset:2px}.bb-iconbtn:disabled{opacity:.5;cursor:not-allowed}.bb-iconbtn--sm{width:32px;height:32px;font-size:18px}.bb-iconbtn--md{width:40px;height:40px;font-size:22px}.bb-iconbtn--lg{width:48px;height:48px;font-size:26px}.bb-iconbtn--ghost{background:transparent}.bb-iconbtn--ghost:hover:not(:disabled){background:var(--bb-color-surface);color:var(--bb-color-accent)}.bb-iconbtn--solid{background:var(--bb-color-surface);border-color:var(--bb-color-border)}.bb-iconbtn--solid:hover:not(:disabled){border-color:var(--bb-color-accent);color:var(--bb-color-accent)}.bb-card{background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-lg);color:var(--bb-color-text);box-shadow:var(--bb-shadow-card)}.bb-card--pad-4{padding:var(--bb-space-4)}.bb-card--pad-5{padding:var(--bb-space-5)}.bb-card--pad-6{padding:var(--bb-space-6)}.bb-card--interactive{cursor:pointer;transition:border-color var(--bb-duration) var(--bb-ease),transform var(--bb-duration) var(--bb-ease),background var(--bb-duration) var(--bb-ease)}.bb-card--interactive:hover{border-color:var(--bb-color-accent);background:var(--bb-color-surface-2);transform:translateY(-2px)}.bb-catcard{display:flex;align-items:center;gap:var(--bb-space-4);width:100%;text-align:left;background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-lg);padding:var(--bb-space-5);color:var(--bb-color-text);cursor:pointer;font-family:var(--bb-font-sans);transition:border-color var(--bb-duration) var(--bb-ease),background var(--bb-duration) var(--bb-ease),transform var(--bb-duration) var(--bb-ease)}.bb-catcard:hover{border-color:var(--bb-color-accent);background:var(--bb-color-surface-2);transform:translateY(-2px)}.bb-catcard:focus-visible{outline:2px solid var(--bb-color-accent);outline-offset:2px}.bb-catcard__icon{flex:none;display:inline-flex;font-size:34px;color:var(--bb-color-accent)}.bb-catcard__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.bb-catcard__title{font-size:var(--bb-text-lg);font-weight:var(--bb-font-weight-bold);line-height:1.2}.bb-catcard__desc{font-size:var(--bb-text-sm);color:var(--bb-color-muted)}.bb-catcard__arrow{flex:none;display:inline-flex;font-size:22px;color:var(--bb-color-muted)}.bb-catcard:hover .bb-catcard__arrow{color:var(--bb-color-accent)}.bb-feature{display:flex;align-items:flex-start;gap:var(--bb-space-3)}.bb-feature__icon{flex:none;display:inline-flex;font-size:24px;color:var(--bb-color-accent);margin-top:2px}.bb-feature__text{margin:0;font-family:var(--bb-font-sans);font-size:var(--bb-text-md);line-height:1.5;color:var(--bb-color-muted)}.bb-feature__text strong{color:var(--bb-color-text);font-weight:var(--bb-font-weight-medium)}.bb-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--bb-font-sans);font-weight:var(--bb-font-weight-medium);border-radius:var(--bb-radius-pill);border:1px solid transparent;white-space:nowrap;line-height:1}.bb-badge--sm{font-size:var(--bb-text-xs);padding:4px 10px}.bb-badge--md{font-size:var(--bb-text-sm);padding:6px 12px}.bb-badge--accent{background:var(--bb-color-accent-soft);color:var(--bb-color-accent)}.bb-badge--neutral{background:var(--bb-color-surface-2);color:var(--bb-color-text)}.bb-badge--outline{background:transparent;border-color:var(--bb-color-border);color:var(--bb-color-muted)}.bb-badge__icon{display:inline-flex;font-size:1.1em}.bb-stat{display:flex;flex-direction:column;gap:4px;background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-lg);padding:var(--bb-space-5);font-family:var(--bb-font-sans)}.bb-stat__icon{display:inline-flex;font-size:24px;color:var(--bb-color-accent);margin-bottom:var(--bb-space-2)}.bb-stat__value{display:inline-flex;align-items:baseline;gap:6px;font-size:var(--bb-text-2xl);font-weight:var(--bb-font-weight-bold);line-height:1;color:var(--bb-color-text)}.bb-stat__unit{font-size:var(--bb-text-md);font-weight:var(--bb-font-weight-medium);color:var(--bb-color-muted)}.bb-stat__label{font-size:var(--bb-text-sm);color:var(--bb-color-muted)}.bb-field{display:flex;flex-direction:column;gap:var(--bb-space-2);font-family:var(--bb-font-sans)}.bb-field__label{font-size:var(--bb-text-sm);font-weight:var(--bb-font-weight-medium);color:var(--bb-color-text)}.bb-input{width:100%;box-sizing:border-box;background:var(--bb-color-surface);border:1px solid var(--bb-color-border);border-radius:var(--bb-radius-md);color:var(--bb-color-text);font-family:inherit;font-size:var(--bb-text-md);padding:12px 14px;transition:border-color var(--bb-duration) var(--bb-ease),box-shadow var(--bb-duration) var(--bb-ease)}.bb-input::placeholder{color:var(--bb-color-muted)}.bb-input:focus{outline:none;border-color:var(--bb-color-accent);box-shadow:0 0 0 3px var(--bb-color-accent-soft)}.bb-input--invalid{border-color:#ff5a5a}.bb-input--invalid:focus{box-shadow:0 0 0 3px #ff5a5a2e}.bb-field__hint{font-size:var(--bb-text-xs);color:var(--bb-color-muted)}.bb-field__hint--error{color:#ff5a5a}.bb-header{display:flex;align-items:center;justify-content:space-between;gap:var(--bb-space-4);padding:var(--bb-space-4) var(--bb-space-5);background:var(--bb-color-bg)}.bb-header__left,.bb-header__actions{display:flex;align-items:center;gap:var(--bb-space-3)}.bb-site-hero{position:relative;overflow:hidden}.bb-site-hero__photo{position:absolute;top:0;right:0;height:100%;width:min(60vw,780px);object-fit:cover;object-position:top right;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}.bb-site-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:96px;background:linear-gradient(180deg,rgba(15,15,15,0),var(--bb-color-bg));pointer-events:none}.bb-site-hero__content{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:36px 20px 56px}.bb-site-hero__text{max-width:520px}.bb-site-cats{max-width:960px;margin:0 auto;padding:0 20px 64px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 820px){.bb-site-hero__photo{position:static;display:block;width:100%;height:52vw;max-height:320px;object-position:center 12%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.bb-site-hero:after{content:none}.bb-site-hero__content{padding-top:0}.bb-site-cats{grid-template-columns:1fr}}
