/* Website48: scoped tokens and typography. Official font licences live beside the files. */
@font-face{font-family:Inter;src:url('/static/fonts/inter-latin-vietnamese.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap;unicode-range:U+0020-024F,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2190-2193,U+2212}
@font-face{font-family:'Noto Sans SC';src:url('/static/fonts/noto-sans-sc-common.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap;unicode-range:U+3400-9FFF,U+F900-FAFF,U+3000-303F,U+FF00-FFEF}
/* Common runtime values. Consumers only reference these names. */
:is([data-website-design],[data-site-design]){
  --site-ink:var(--bb-theme-ink, #0B0B0C);
  --site-white:var(--bb-theme-surface, #FFFFFF);
  --site-canvas:var(--bb-theme-canvas, #DFE0E4);
  --site-inset:var(--bb-theme-inset, #F5F5F7);
  --site-gray:var(--bb-theme-muted, #8A8A90);
  --site-muted:var(--bb-theme-muted, #3A3A3F);
  --site-border:var(--bb-theme-line, #DFE0E4);
  --site-accent:var(--bb-theme-accent, #B8FF3D);
  --site-hero-start:var(--bb-theme-hero-start, #C2FF52);
  --site-hero-end:var(--bb-theme-hero-end, #A8F02E);
  --site-up:var(--bb-theme-up, #1F9D55);
  --site-down:var(--bb-theme-down, #D64545);
  --site-dark-panel:var(--bb-theme-surface, #17171A);
  --site-dark-border:var(--bb-theme-line, #2A2A2E);
  --site-panel:var(--bb-theme-surface, var(--site-white));
  --site-text:var(--bb-theme-ink, var(--site-ink));
  --site-font:Inter,'Noto Sans SC','PingFang SC','HarmonyOS Sans SC','Microsoft YaHei',sans-serif;
  --site-size-note:14px;
  --site-size-body:16px;
  --site-size-card:20px;
  --site-size-number:28px;
  --site-size-title:40px;
  --site-size-hero:56px;
  --site-size-header:15px;
  --site-size-mobile-hero:36px;
  --site-size-legal:12px;
  --site-size-decorative:0px;
  --site-radius-panel:28px;
  --site-radius-card:20px;
  --site-width:1200px;
  --site-gap-xs:8px;
  --site-gap-sm:12px;
  --site-gap-md:16px;
  --site-gap-lg:24px;
  --site-gap-xl:32px;
  --site-gap-section:48px;
  --site-shadow-panel:0 1px 2px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.04),0 12px 32px rgba(var(--bb-theme-shadow-rgb, 17,17,17), 0.06);
  --site-ink-alpha-0_1333:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.13333333333333333);
  --site-ink-alpha-0_88:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.88);
  --site-white-alpha-0_1412:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.1411764705882353);
  --site-white-alpha-0_0627:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.06274509803921569);
  --site-white-alpha-0_1569:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.1568627450980392);
  --site-ink-alpha-0_5333:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.5333333333333333);
  --site-ink-alpha-0_08:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.08);
  --site-ink-alpha-0_06:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.06);
  --site-ink-alpha-0_04:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.04);
  --site-white-alpha-0_06:rgba(var(--bb-theme-surface-rgb, 255,255,255), 0.06);
  --site-ink-alpha-0_0157:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.01568627450980392);
  --site-ink-alpha-0_0667:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.06666666666666667);
  --site-ink-alpha-0_3333:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.3333333333333333);
  --site-ink-alpha-0_2:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.2);
  --site-ink-alpha-0_28:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.28);
  --site-ink-alpha-0_4667:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.4666666666666667);
  --site-ink-alpha-0_38:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.38);
  --site-ink-alpha-0_1:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.1);
  --site-ink-alpha-0_45:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.45);
  --site-ink-alpha-0_36:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.36);
  --site-ink-alpha-0_035:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.035);
  --site-ink-alpha-0_32:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.32);
  --site-ink-alpha-0_07:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.07);
  --site-ink-alpha-0_09:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.09);
  --site-ink-alpha-0_025:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.025);
  --site-ink-alpha-0_11:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.11);
  --site-ink-alpha-0_42:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.42);
  --site-ink-alpha-0_045:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.045);
  --site-ink-alpha-0_18:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.18);
  --site-ink-alpha-0_13:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.13);
  --site-ink-alpha-0_48:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.48);
  --site-ink-alpha-0_72:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.72);
  --site-ink-alpha-0_34:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.34);
  --site-ink-alpha-0_58:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.58);
  --site-ink-alpha-0_055:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.055);
  --site-ink-alpha-0_16:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.16);
  --site-ink-alpha-0_62:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.62);
  --site-ink-alpha-0_24:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.24);
  --site-ink-alpha-0_22:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.22);
  --site-ink-alpha-0_05:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.05);
  --site-ink-alpha-0_03:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.03);
  --site-ink-alpha-0_0:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0);
  --site-ink-alpha-0_35:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.35);
  --site-ink-alpha-0_028:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.028);
  --site-ink-alpha-0_02:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.02);
  --site-ink-alpha-0_64:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.64);
  --site-ink-alpha-0_4:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.4);
  --site-ink-alpha-0_018:rgba(var(--bb-theme-ink-rgb, 11,11,12), 0.018);
  --site-size-lead:var(--site-size-card);
  --site-size-caption:var(--site-size-note);
  --site-radius-small:12px;
  --site-radius-pill:999px;
  --site-radius-circle:50%;
  --site-line-body:1.6;
  --site-line-title:1.2;
  --site-weight-body:400;
  --site-weight-medium:500;
  --site-weight-title:600;
  --site-control-large:48px;
  --site-control-medium:40px;
  --site-control-small:32px;
  --site-selected-bg:var(--bb-theme-inverse, var(--site-ink));
  --site-selected-text:var(--bb-theme-inverse-ink, var(--site-white));
  --site-shadow-dark:inset 0 1px 0 var(--site-white-alpha-0_06);
  --site-shadow-hero:inset 0 0 0 1px var(--site-ink-alpha-0_08),0 12px 32px var(--site-ink-alpha-0_06);
  --site-shadow-card:var(--site-shadow-panel);
  font-family:var(--site-font);font-size:var(--site-size-body);line-height:var(--site-line-body);font-weight:var(--site-weight-body);font-variant-numeric:tabular-nums;color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-canvas, var(--site-canvas));color-scheme:var(--bb-theme-color-scheme, light);
}
:is([data-website-design],[data-site-design])[data-site-theme=dark],:is([data-website-design],[data-site-design]) [data-site-theme=dark]{--site-canvas:var(--bb-theme-canvas, var(--site-ink));--site-panel:var(--bb-theme-surface, var(--site-dark-panel));--site-border:var(--bb-theme-line, var(--site-dark-border));--site-inset:var(--bb-theme-inset, var(--site-dark-panel));--site-text:var(--bb-theme-ink, var(--site-white));--site-muted:var(--bb-theme-muted, var(--site-gray));--site-selected-bg:var(--bb-theme-inverse, var(--site-white));--site-selected-text:var(--bb-theme-inverse-ink, var(--site-ink));--site-shadow-card:var(--site-shadow-dark);color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-canvas, var(--site-canvas));color-scheme:var(--bb-theme-color-scheme, dark)}
:is([data-website-design],[data-site-design]) *, :is([data-website-design],[data-site-design]) *::before, :is([data-website-design],[data-site-design]) *::after{box-sizing:border-box}
:is([data-website-design],[data-site-design]) :is(button,input,select,textarea){font-family:var(--site-font);font-size:inherit;font-variant-numeric:tabular-nums}
:is([data-website-design],[data-site-design]) :is(h1,h2,h3,h4){font-family:var(--site-font);font-weight:600;line-height:1.2;letter-spacing:-.025em}
:is([data-website-design],[data-site-design]) .site-container{width:min(var(--site-width),calc(100% - 48px));margin-inline:auto;}
:is([data-website-design],[data-site-design]) .site-panel{padding:24px;border:1px solid var(--site-border);border-radius:var(--site-radius-panel);background:var(--bb-theme-surface, var(--site-panel));box-shadow:var(--site-shadow-card);}
:is([data-website-design],[data-site-design]) .site-card{display:flex;flex-direction:column;padding:24px;gap:16px;border:1px solid var(--site-border);border-radius:var(--site-radius-card);background:var(--bb-theme-surface, var(--site-panel));box-shadow:var(--site-shadow-card);min-width:0;}
:is([data-website-design],[data-site-design]) .site-card-action{margin-top:auto;}
:is([data-website-design],[data-site-design]) .site-control,:is([data-website-design],[data-site-design]) .site-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 24px;border:1px solid var(--site-border);border-radius:var(--site-radius-pill);font-weight:500;line-height:1.2;text-align:center;text-decoration:none;white-space:normal;vertical-align:middle;}
:is([data-website-design],[data-site-design]) .site-control{height:var(--site-control-large);font-size:var(--site-size-body);color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-surface, var(--site-panel));cursor:pointer;}
:is([data-website-design],[data-site-design]) .site-control--medium{height:var(--site-control-medium);}
:is([data-website-design],[data-site-design]) .site-control--small,:is([data-website-design],[data-site-design]) .site-pill{height:var(--site-control-small);min-height:var(--site-control-small);padding-inline:16px;font-size:var(--site-size-note);}
:is([data-website-design],[data-site-design]) .site-control--dark,:is([data-website-design],[data-site-design]) .site-pill[aria-selected=true]{color:var(--site-selected-text);background:var(--site-selected-bg);border-color:var(--site-selected-bg);}
:is([data-website-design],[data-site-design]) .site-control--accent{color:var(--bb-theme-accent-ink, var(--site-ink));background:var(--site-accent);border-color:var(--site-accent);}
:is([data-website-design],[data-site-design]) :is(.site-control,.site-pill):focus-visible{outline:2px solid var(--site-text);outline-offset:4px;}
:is([data-website-design],[data-site-design]) .site-control:disabled{opacity:.5;cursor:default;}
:is([data-website-design],[data-site-design]) .site-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;}
:is([data-website-design],[data-site-design]) .site-icon{width:20px;height:20px;flex:0 0 20px;stroke-width:1.5;}
:is([data-website-design],[data-site-design]) .site-muted{color:var(--bb-theme-secondary, var(--site-muted));}
:is([data-website-design],[data-site-design]) .site-up{color:var(--site-up);}
:is([data-website-design],[data-site-design]) .site-down{color:var(--site-down);}
:is([data-website-design],[data-site-design]) .site-table{width:100%;border-collapse:collapse;font-size:var(--site-size-note);}
:is([data-website-design],[data-site-design]) .site-table th{background:var(--bb-theme-inset, var(--site-inset));font-weight:500;}
:is([data-website-design],[data-site-design]) .site-table :is(td,th){padding:16px 24px;text-align:left;border-bottom:1px solid var(--site-border);vertical-align:middle;}
@media(max-width:600px){:is([data-website-design],[data-site-design]) .site-container{width:calc(100% - 32px);}:is([data-website-design],[data-site-design]) .site-panel,:is([data-website-design],[data-site-design]) .site-card{padding:24px;}}

:is([data-website-design],[data-site-design]) .site-input{min-height:48px;padding:12px 16px;border:1px solid var(--site-border);border-radius:var(--site-radius-card);background:var(--bb-theme-surface, var(--site-panel));color:var(--bb-theme-ink, var(--site-text));font:inherit;outline:none}
:is([data-website-design],[data-site-design]) .site-input:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}

/* Opt-in semantic components preserve existing consumer geometry. */
:is([data-website-design],[data-site-design]) .site-pill{background:var(--bb-theme-inset, var(--site-inset));color:var(--bb-theme-secondary, var(--site-muted));}
:is([data-website-design],[data-site-design]) .site-pill[aria-selected=true]{background:var(--site-selected-bg);color:var(--site-selected-text);}
:is([data-website-design],[data-site-design]) .site-control:hover:not(:disabled):not(.site-control--dark):not(.site-control--accent){background:var(--bb-theme-inset, var(--site-inset));}
:is([data-website-design],[data-site-design]) h1{font-size:var(--site-size-hero);}
:is([data-website-design],[data-site-design]) h2{font-size:var(--site-size-title);}
:is([data-website-design],[data-site-design]) :is(h3,h4){font-size:var(--site-size-card);}
:is([data-website-design],[data-site-design]) .site-eyebrow{font-size:var(--site-size-note);font-weight:var(--site-weight-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--bb-theme-secondary, var(--site-muted));}
:is([data-website-design],[data-site-design]) .site-number{font-size:var(--site-size-number);font-variant-numeric:tabular-nums;}
:is([data-website-design],[data-site-design]) .site-legal{font-size:var(--site-size-legal);}
@media(max-width:800px){:is([data-website-design],[data-site-design]) h1{font-size:var(--site-size-mobile-hero);}:is([data-website-design],[data-site-design]) h2{font-size:var(--site-size-number);}}
