@font-face { font-family: 'Beso Manrope'; src: url('/fonts/manrope-bold.ttf') format('truetype'); font-weight: 800; font-display: swap; }
    .bn-loading-screen { box-sizing: border-box; background: #b8bec1; color: #132832; font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; position: relative; isolation: isolate; overflow: hidden; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 24px; }
    .bn-loading-content { position: relative; z-index: 2; width: min(100%, 360px); text-align: center; padding-bottom: 32px; }
    .bn-wordmark { display: flex; align-items: center; justify-content: center; gap: 21px; margin: 0; color: #f5f7fa; }
    .bn-wordmark-beso { font-family: 'Beso Manrope', sans-serif; font-size: 64px; font-weight: 800; letter-spacing: -4.5px; line-height: 1; }
    .bn-wordmark-network { border-left: 1px solid #3c495b; padding: 10px 0 10px 21px; font-size: 10px; font-weight: 500; letter-spacing: 2.7px; line-height: 1.5; color: #c0cbdc; }
    .bn-loading-track { width: 144px; height: 3px; margin: 42px auto 19px; border-radius: 3px; background: #233047; overflow: hidden; }
    .bn-loading-track::after { content: ''; display: block; width: 54px; height: 100%; border-radius: inherit; background: #548aff; animation: bn-load 1.6s cubic-bezier(.45,0,.25,1) infinite; }
    .bn-loading-label { margin: 0; color: #aebcd0; font-size: 13px; line-height: 1.6; font-weight: 400; }
    /* Landing-header glass: translucent neutral surface with light caught at its edges. */
    .bn-liquid-glass {
      position: absolute; z-index: -1; inset: 0; pointer-events: none;
      background: rgba(255,255,255,.68);
      backdrop-filter: blur(28px) saturate(210%);
      -webkit-backdrop-filter: blur(28px) saturate(210%);
      border: 1px solid rgba(255,255,255,.95);
      box-shadow: inset 0 2px 2px rgba(255,255,255,1),
        inset 0 18px 44px -14px rgba(255,255,255,.85),
        inset 18px 0 48px -25px rgba(255,255,255,.4),
        inset -18px 0 48px -25px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(255,255,255,.55),
        inset 0 -24px 60px -32px rgba(255,255,255,.35);
    }
    .bn-liquid-glass::before {
      content: ''; position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(255,255,255,.12), transparent 30%, rgba(0,0,0,.012) 70%, rgba(255,255,255,.06));
    }
    .bn-wordmark { color: #132832; }
    .bn-wordmark-network { color: #304d5b; border-color: #000000; }
    .bn-loading-track { background: rgba(19,40,50,.14); }
    .bn-loading-track::after { background: #326cf5; }
    .bn-loading-label { color: #263e49; }
    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .bn-liquid-glass { background: #e9ebec; } }
    @keyframes bn-load { 0% { transform: translateX(-56px); } 100% { transform: translateX(146px); } }
    @media (max-width: 420px) { .bn-wordmark { gap: 17px; } .bn-wordmark-beso { font-size: 54px; letter-spacing: -3.8px; } .bn-wordmark-network { padding-left: 17px; font-size: 9px; letter-spacing: 2.3px; } }
    @media (prefers-reduced-motion: reduce) { .bn-loading-track::after { animation: none; width: 54px; margin: auto; opacity: .85; } }
  
.bn-loading-screen [hidden] { display: none !important; }
.bn-loading-retry { margin-top: 16px; padding: 8px 16px; border: 1px solid #667782; border-radius: 6px; color: #132832; background: #ffffff80; cursor: pointer; font: inherit; font-size: 13px; }
.bn-loading-retry:focus-visible { outline: 2px solid #326cf5; outline-offset: 3px; }

.bn-startup-overlay { position: fixed; inset: 0; z-index: 2147483000; overflow: auto; background: #e9ebec; }