@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

 
:root {
  --bg-0: #0B0E14;
  --bg-1: #11151E;
  --bg-2: #171C28;
  --bg-3: #1F2535;
  --bg-4: #283149;
  --bg-inset: #08090F;
  --bg-overlay: rgba(8, 9, 15, 0.74);

  --line: #232A3D;
  --line-strong: #38415A;
  --line-soft: rgba(255, 255, 255, 0.06);
  --line-hairline: rgba(255, 255, 255, 0.04);

  --ink-1: #F4F5F8;
  --ink-2: #A4ACC0;
  --ink-3: #6E768E;
  --ink-mute: #4A536A;
  --ink-on-accent: #0B0E14;

  --accent: #D7FF3A;
  --accent-hot: #E8FF6B;
  --accent-deep: #97B226;
  --accent-soft: rgba(215, 255, 58, 0.14);
  --accent-glow: rgba(215, 255, 58, 0.42);

  --up: #34E29B;
  --up-soft: rgba(52, 226, 155, 0.14);
  --up-strong: #1FCB85;
  --down: #FF5A6A;
  --down-soft: rgba(255, 90, 106, 0.14);
  --down-strong: #E6404F;
  --warn: #FFB13D;
  --warn-soft: rgba(255, 177, 61, 0.14);
  --live: #FF3D5C;
  --live-soft: rgba(255, 61, 92, 0.14);
  --lock: #5C6580;

  --font-display: "Bahnschrift Condensed", "Bahnschrift", "HelveticaNeue-CondensedBold",
    "Helvetica Neue", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text",
    "Segoe UI", "Helvetica Neue", "Liberation Sans", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono",
    "Roboto Mono", Consolas, monospace;

  --t-2xs: 10px;
  --t-xs: 11px;
  --t-sm: 13px;
  --t-base: 14px;
  --t-md: 15px;
  --t-lg: 17px;
  --t-xl: 20px;
  --t-2xl: 26px;
  --t-3xl: 34px;
  --t-4xl: 48px;
  --t-5xl: 68px;
  --t-6xl: 104px;

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-base: 1.42;
  --lh-loose: 1.6;

  --tr-tight: -0.02em;
  --tr-snug: -0.01em;
  --tr-wide: 0.04em;
  --tr-wider: 0.08em;
  --tr-widest: 0.14em;

  --s-0: 0;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 28px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-14: 56px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;

  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 18px;
  --r-2xl: 24px;
  --r-pill: 999px;

  --sh-flat: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  --sh-sheet: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 8px 24px rgba(0, 0, 0, 0.45);
  --sh-raised: 0 16px 40px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.35);
  --sh-glow: 0 0 0 1px rgba(215, 255, 58, 0.40), 0 8px 28px rgba(215, 255, 58, 0.18);
  --sh-up: 0 0 0 1px rgba(52, 226, 155, 0.45) inset;
  --sh-down: 0 0 0 1px rgba(255, 90, 106, 0.45) inset;
  --sh-focus: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent);

  --ease-std: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-emph: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ease-decel: cubic-bezier(0, 0, 0.2, 1);
  --ease-accel: cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --d-instant: 80ms;
  --d-fast: 150ms;
  --d-base: 220ms;
  --d-slow: 380ms;
  --d-expr: 560ms;

  --z-base: 1;
  --z-rail: 30;
  --z-sticky: 40;
  --z-drawer: 60;
  --z-toast: 80;
  --z-modal: 90;
  --z-overlay: 100;

  --grid-max: 1440px;
  --grid-gutter: 24px;
  --rail-w: 360px;
  --side-w: 240px;
  --header-h: 64px;
  --subnav-h: 44px;

  --bp-sm: 480px;
  --bp-md: 720px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1480px;
}

@media (max-width: 1024px) {
  :root {
    --grid-gutter: 16px;
    --header-h: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --d-instant: 0ms;
    --d-fast: 0ms;
    --d-base: 0ms;
    --d-slow: 0ms;
    --d-expr: 0ms;
  }
}

/* Source: css/blocks/reset.css */

*, *::before, *::after { box-sizing: border-box; }

* { margin: 0; }

html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

body { min-height: 100vh; min-height: 100dvh; line-height: var(--lh-base); }

img, picture, video, canvas, svg { display: block; max-width: 100%; }

input, button, textarea, select { font: inherit; color: inherit; background: none; border: 0; padding: 0; }

button { cursor: pointer; }

button:disabled { cursor: not-allowed; }

p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

ul, ol { list-style: none; padding: 0; }

a { color: inherit; text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; }

dialog { padding: 0; border: 0; background: none; color: inherit; max-width: none; max-height: none; }

dialog::backdrop { background: var(--bg-overlay); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

::selection { background: var(--accent); color: var(--ink-on-accent); }

:focus { outline: none; }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--r-sm); }

[hidden] { display: none !important; }

[inert] { pointer-events: none; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-0); }
::-webkit-scrollbar-thumb { background: var(--bg-3); border-radius: var(--r-pill); border: 2px solid var(--bg-0); }
::-webkit-scrollbar-thumb:hover { background: var(--bg-4); }

/* Source: css/blocks/base.css */

html, body { background: var(--bg-0); color: var(--ink-1); }

body {
  font-family: var(--font-body);
  font-size: var(--t-base);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  background-image:
    radial-gradient(1200px 600px at 80% -10%, rgba(215, 255, 58, 0.04), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(52, 226, 155, 0.03), transparent 60%);
  background-attachment: fixed;
}

::placeholder { color: var(--ink-3); opacity: 1; }

a:hover { color: var(--accent); }

hr { border: 0; border-top: 1px solid var(--line); margin: var(--s-6) 0; }

mark { background: var(--accent-soft); color: var(--accent-hot); padding: 0 4px; border-radius: var(--r-xs); }

code, kbd, samp { font-family: var(--font-mono); font-size: 0.92em; background: var(--bg-1); padding: 1px 6px; border-radius: var(--r-xs); border: 1px solid var(--line); }

kbd { box-shadow: 0 2px 0 var(--line-strong); padding: 1px 8px; }

/* Source: css/blocks/typography.css */

.bex-224-ecf8d6a0a9 {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: var(--tr-tight);
  line-height: var(--lh-tight);
  text-transform: uppercase;
}

.bex-228-86d2983feb { font-size: clamp(48px, 8vw, var(--t-6xl)); }
.bex-225-0c009432a6 { font-size: clamp(40px, 6vw, var(--t-5xl)); }
.bex-226-9ab59848e9 { font-size: var(--t-4xl); }
.bex-227-8e1b5cf49e { font-size: var(--t-3xl); }

.bex-229-41d36c5f9b {
  font-family: var(--font-body);
  font-size: var(--t-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tr-widest);
  color: var(--ink-3);
}

.bex-22a-011760c629 { color: var(--accent); }

.bex-22b-c42d142429 { font-family: var(--font-display); font-weight: 700; font-size: var(--t-3xl); line-height: var(--lh-snug); letter-spacing: var(--tr-tight); }
.bex-22c-c2b59fa5e2 { font-family: var(--font-display); font-weight: 700; font-size: var(--t-2xl); line-height: var(--lh-snug); letter-spacing: var(--tr-tight); }
.bex-22d-fb32fda6aa { font-family: var(--font-display); font-weight: 700; font-size: var(--t-xl); line-height: var(--lh-snug); letter-spacing: var(--tr-snug); }
.bex-22e-f5284a2e9d { font-family: var(--font-body); font-weight: 700; font-size: var(--t-lg); line-height: var(--lh-snug); }
.bex-22f-2506f1b15e { font-family: var(--font-body); font-weight: 600; font-size: var(--t-md); line-height: var(--lh-snug); }
.bex-230-c2dc2f16fa { font-family: var(--font-body); font-weight: 600; font-size: var(--t-sm); line-height: var(--lh-snug); text-transform: uppercase; letter-spacing: var(--tr-wide); color: var(--ink-2); }

.bex-21e-e8f4ffa46a { font-size: var(--t-base); line-height: var(--lh-base); color: var(--ink-1); }
.bex-220-0d9869b509 { color: var(--ink-2); }
.bex-221-f40b9a2019 { color: var(--ink-3); }
.bex-21f-5381ce00de { font-size: var(--t-md); }
.bex-222-8ad8696ae9 { font-size: var(--t-sm); }
.bex-223-f160ccf908 { font-size: var(--t-xs); }

.bex-232-78797c417c {
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-weight: 500;
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
}

.bex-233-78c32e11af, .bex-234-1d72a97af4 {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum", "ss01";
  letter-spacing: 0;
}

.bex-231-2cf9e619cf {
  color: var(--accent);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color var(--d-fast) var(--ease-std);
}
.bex-231-2cf9e619cf:hover { color: var(--accent-hot); text-decoration: underline; }

.bex-235-438d385fa0 { text-decoration: line-through; color: var(--ink-3); }

/* Source: css/blocks/layout.css */

.bex-146-2953f16999 {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: minmax(0, 1fr);
  min-height: 100vh;
  min-height: 100dvh;
}

.bex-155-2c6aa59f62 {
  width: 100%;
  max-width: var(--grid-max);
  margin: 0 auto;
  padding: 0 var(--grid-gutter);
}

.bex-157-bdf8db18ab { max-width: none; padding: 0 var(--grid-gutter); }

.bex-156-6d114262ec { max-width: 720px; }

.bex-15a-50186aa6c1 { display: flex; flex-direction: column; gap: var(--s-4); }
.bex-160-d0caa8ccdc { gap: var(--s-1); }
.bex-15e-8e3dd21509 { gap: var(--s-2); }
.bex-15d-d86ec16e63 { gap: var(--s-4); }
.bex-15c-6f4435c112 { gap: var(--s-6); }
.bex-15f-8924d09c94 { gap: var(--s-8); }
.bex-15b-e880b017f4 { gap: var(--s-12); }

.bex-148-c2d88bd785 { display: flex; align-items: center; gap: var(--s-3); }
.bex-14a-5c9e511c01 { justify-content: space-between; }
.bex-14c-bd5585b4f4 { justify-content: flex-end; }
.bex-14b-b92bd10663 { justify-content: center; }
.bex-150-33278567e8 { align-items: flex-start; }
.bex-149-199f86be65 { align-items: baseline; }
.bex-151-16519b88a5 { flex-wrap: wrap; }
.bex-14e-fe27d88f4e { gap: var(--s-4); }
.bex-14d-8fd3f642c4 { gap: var(--s-6); }
.bex-14f-09a3818b3e { gap: var(--s-2); }

.bex-159-8c2da5eda6 { flex: 1; }

.bex-152-33be9ab97f { padding-block: var(--s-12); }
.bex-154-df0630e8a5 { padding-block: var(--s-8); }
.bex-153-b58c889cc4 { padding-block: var(--s-16); }

@media (max-width: 720px) {
  .bex-152-33be9ab97f { padding-block: var(--s-6); }
  .bex-154-df0630e8a5 { padding-block: var(--s-4); }
  .bex-153-b58c889cc4 { padding-block: var(--s-8); }
}

.bex-13b-cccb72606e { height: 1px; background: var(--line); border: 0; margin: 0; }
.bex-13c-dee873487e { background: var(--line-soft); }

.bex-147-1885880706 {
  display: grid;
  grid-template-columns: 1fr var(--rail-w);
  gap: var(--s-6);
  align-items: start;
}

@media (max-width: 1024px) {
  .bex-147-1885880706 { grid-template-columns: 1fr; }
}

.bex-158-09437e791d {
  display: grid;
  grid-template-columns: var(--side-w) 1fr;
  gap: var(--s-6);
  align-items: start;
}

@media (max-width: 1024px) {
  .bex-158-09437e791d { grid-template-columns: 1fr; }
}

.bex-13f-a889a200b7 { display: grid; gap: var(--s-4); }
.bex-140-3ba1d85b09 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bex-141-abbe1ebb21 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bex-142-2df4ee5f71 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bex-143-ef6618b0da { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.bex-144-bc86ba2553 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.bex-145-57e60e0916 { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }

@media (max-width: 720px) {
  .bex-140-3ba1d85b09, .bex-141-abbe1ebb21, .bex-142-2df4ee5f71 { grid-template-columns: 1fr; }
  .bex-143-ef6618b0da { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.bex-161-e497ec47fa { position: sticky; top: calc(var(--header-h) + var(--s-4)); }

.bex-13d-e3042a248b > * + * { margin-top: var(--s-4); }
.bex-13e-b7456106ca > * + * { margin-top: var(--s-6); }

/* Source: css/blocks/utils.css */

.bex-266-dce94cd669 {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

.bex-263-bbf4a26805 { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }

.bex-264-f90d630512 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.bex-253-fc4d973272 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bex-254-9b97ca199a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.bex-25c-ad949842bb { color: var(--ink-3); }
.bex-25f-1949cf2a8a { color: var(--ink-2); }
.bex-262-12ed163946 { color: var(--ink-1); font-weight: 600; }
.bex-252-4c9ba33418 { color: var(--accent); }
.bex-265-9c0f56cbee { color: var(--up); }
.bex-256-76a5fa085f { color: var(--down); }
.bex-267-e704b73fce { color: var(--warn); }
.bex-25b-22b8350238 { color: var(--live); }

.bex-25d-c01a072ea8 { white-space: nowrap; }

.bex-25a-2a9ee637fc { }
.bex-259-8d11feff7c { display: none; }

@media (max-width: 720px) {
  .bex-25a-2a9ee637fc { display: none !important; }
  .bex-259-8d11feff7c { display: revert; }
}

.bex-257-5779eea17d { animation: u-fade-in var(--d-base) var(--ease-decel) both; }
.bex-260-9d462977c2 { animation: u-rise-in var(--d-slow) var(--ease-emph) both; }

@keyframes u-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes u-rise-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.bex-25e-e70c23b00f { animation: u-pulse 1.6s var(--ease-std) infinite; }
@keyframes u-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }

.bex-261-94b04a93ff { animation: u-spin 0.9s linear infinite; }
@keyframes u-spin { to { transform: rotate(360deg); } }

.bex-258-07ef4af428 {
  position: relative;
  isolation: isolate;
}
.bex-258-07ef4af428::after {
  content: "";
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");
  mix-blend-mode: overlay;
  opacity: 0.5;
  pointer-events: none;
  z-index: 1;
}

.bex-255-d166f7ab5f { outline: 1px dashed var(--accent); outline-offset: 2px; }

.bex-11a-aac96718ce {
  display: inline-block;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: var(--icon, none) no-repeat center / contain;
  mask: var(--icon, none) no-repeat center / contain;
  width: 16px; height: 16px;
  vertical-align: middle;
  transition: background-color var(--d-fast) var(--ease-std);
}
.bex-11f-3028c2bd2d { width: 12px; height: 12px; }
.bex-11d-904b18aa09 { width: 14px; height: 14px; }
.bex-11c-cbe71ff5e6 { width: 16px; height: 16px; }
.bex-11b-2722466781 { width: 18px; height: 18px; }
.bex-11e-d2edd0ad64 { width: 24px; height: 24px; }

/* Source: css/blocks/button.css */

.bex-063-fc6cdfa717 {
  --btn-bg: var(--bg-3);
  --btn-bg-hover: var(--bg-4);
  --btn-fg: var(--ink-1);
  --btn-border: transparent;
  --btn-pad-x: var(--s-4);
  --btn-pad-y: 10px;
  --btn-fs: var(--t-sm);
  --btn-radius: var(--r-sm);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-2);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  font-family: var(--font-body);
  font-size: var(--btn-fs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  background: var(--btn-bg);
  color: var(--btn-fg);
  border: 1px solid var(--btn-border);
  border-radius: var(--btn-radius);
  cursor: pointer;
  user-select: none;
  text-align: center;
  transition: background var(--d-fast) var(--ease-std),
              color var(--d-fast) var(--ease-std),
              border-color var(--d-fast) var(--ease-std),
              transform var(--d-fast) var(--ease-std),
              box-shadow var(--d-base) var(--ease-std);
  position: relative;
  white-space: nowrap;
}

.bex-063-fc6cdfa717:hover { background: var(--btn-bg-hover); }
.bex-063-fc6cdfa717:active { transform: translateY(1px); }
.bex-063-fc6cdfa717:disabled, .bex-063-fc6cdfa717[aria-disabled="true"] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.bex-06a-8ec78b5dc7 {
  --btn-bg: var(--accent);
  --btn-bg-hover: var(--accent-hot);
  --btn-fg: var(--ink-on-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  box-shadow: 0 0 0 1px rgba(215, 255, 58, 0.2), 0 6px 20px rgba(215, 255, 58, 0.18);
}
.bex-06a-8ec78b5dc7:hover { box-shadow: var(--sh-glow); }

.bex-066-4d8d45fe59 {
  --btn-bg: transparent;
  --btn-bg-hover: var(--bg-2);
  --btn-border: var(--line-strong);
}

.bex-069-4942372171 {
  --btn-bg: transparent;
  --btn-bg-hover: var(--accent-soft);
  --btn-fg: var(--accent);
  --btn-border: var(--accent);
}

.bex-06b-99a35e8f4b {
  --btn-bg: transparent;
  --btn-bg-hover: var(--bg-2);
  --btn-fg: var(--ink-2);
}

.bex-065-5d2c4052cd {
  --btn-bg: var(--down);
  --btn-bg-hover: var(--down-strong);
  --btn-fg: #fff;
}

.bex-06e-219649f654 { --btn-pad-x: var(--s-2); --btn-pad-y: 4px; --btn-fs: var(--t-xs); }
.bex-06c-38f0c6eea3 { --btn-pad-x: var(--s-3); --btn-pad-y: 6px; --btn-fs: var(--t-xs); }
.bex-068-f8714d7aa5 { --btn-pad-x: var(--s-6); --btn-pad-y: 14px; --btn-fs: var(--t-md); }
.bex-06d-7165fa0e02 { --btn-pad-x: var(--s-8); --btn-pad-y: 18px; --btn-fs: var(--t-lg); }

.bex-064-52b7d0ab39 { width: 100%; }

.bex-067-3e7c06194c {
  --btn-pad-x: 8px;
  --btn-pad-y: 8px;
  width: 36px; height: 36px;
}
.bex-067-3e7c06194c.bex-06c-38f0c6eea3 { width: 28px; height: 28px; }
.bex-067-3e7c06194c.bex-068-f8714d7aa5 { width: 44px; height: 44px; }

.bex-071-b115cac048 { width: 16px; height: 16px; flex-shrink: 0; }
.bex-072-12802a0436 { width: 20px; height: 20px; }

.bex-070-cd5939fdf7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--ink-on-accent);
  color: var(--accent);
  border-radius: var(--r-pill);
  font-size: var(--t-xs);
  font-weight: 700;
  line-height: 1;
}
.bex-066-4d8d45fe59 .bex-070-cd5939fdf7, .bex-06b-99a35e8f4b .bex-070-cd5939fdf7 {
  background: var(--accent);
  color: var(--ink-on-accent);
}

.bex-06f-aaa4283feb { display: inline-flex; gap: 0; }
.bex-06f-aaa4283feb .bex-063-fc6cdfa717 { border-radius: 0; border-right-width: 0; }
.bex-06f-aaa4283feb .bex-063-fc6cdfa717:first-child { border-radius: var(--r-sm) 0 0 var(--r-sm); }
.bex-06f-aaa4283feb .bex-063-fc6cdfa717:last-child { border-radius: 0 var(--r-sm) var(--r-sm) 0; border-right-width: 1px; }
.bex-06f-aaa4283feb .bex-063-fc6cdfa717[aria-pressed="true"] { background: var(--accent); color: var(--ink-on-accent); border-color: var(--accent); }

@media (max-width: 720px) {
  .bex-063-fc6cdfa717 { --btn-pad-y: 12px; min-height: 44px; }
  .bex-06c-38f0c6eea3 { --btn-pad-y: 9px; min-height: 36px; }
  .bex-06e-219649f654 { min-height: 28px; }
  .bex-068-f8714d7aa5 { --btn-pad-y: 15px; min-height: 48px; }
  .bex-067-3e7c06194c { width: 44px; height: 44px; min-height: 44px; }
  .bex-067-3e7c06194c.bex-06c-38f0c6eea3 { width: 36px; height: 36px; min-height: 36px; }
}

/* Source: css/blocks/chip.css */

.bex-090-dc2d23b7f8 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  background: var(--bg-3);
  color: var(--ink-1);
  border-radius: var(--r-xs);
  font-size: var(--t-2xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  line-height: 1;
  white-space: nowrap;
}

.bex-093-7e4615e42c {
  background: var(--live);
  color: #fff;
}
@keyframes chip-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }

.bex-092-039456fc99 {
  background: var(--accent);
  color: var(--ink-on-accent);
}

.bex-094-ae661652cd {
  background: var(--up-soft);
  color: var(--up);
  border: 1px solid var(--up);
}

.bex-096-f1a170825f {
  background: var(--warn-soft);
  color: var(--warn);
}

.bex-095-bae8afdde7 {
  background: var(--bg-2);
  color: var(--ink-2);
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--t-xs);
}

.bex-091-904087181f {
  background: transparent;
  color: var(--ink-2);
  border: 1px solid var(--line-strong);
}

.bex-091-904087181f:hover, .bex-091-904087181f[aria-pressed="true"] {
  border-color: var(--accent);
  color: var(--accent);
}

.bex-097-eb22f7893f {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
}

/* Source: css/blocks/badge.css */

.bex-01f-a614b430cf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: var(--r-pill);
  font-size: var(--t-2xs);
  font-weight: 700;
  line-height: 1;
}

.bex-020-78820fe97e { width: 8px; min-width: 8px; height: 8px; padding: 0; }
.bex-021-dfa1f29046 { background: var(--down); color: #fff; }
.bex-024-a9654ae626 { background: var(--up); color: var(--ink-on-accent); }
.bex-022-0b4a481534 { background: var(--bg-3); color: var(--ink-1); }
.bex-023-e3774ea031 { background: transparent; border: 1px solid var(--accent); color: var(--accent); }

/* Source: css/blocks/tag.css */

.bex-236-cf5c704d86 {
  display: inline-flex;
  align-items: center;
  gap: var(--s-1);
  padding: 4px 10px;
  background: var(--bg-2);
  color: var(--ink-2);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  font-size: var(--t-xs);
  font-weight: 500;
  white-space: nowrap;
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std), border-color var(--d-fast) var(--ease-std);
}

.bex-236-cf5c704d86:hover, .bex-236-cf5c704d86[aria-pressed="true"] {
  background: var(--bg-3);
  color: var(--ink-1);
  border-color: var(--line-strong);
}

.bex-237-ee90b44bd8[aria-pressed="true"] {
  background: var(--accent-soft);
  color: var(--accent);
  border-color: var(--accent);
}

.bex-238-c03f707f07 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px; height: 14px;
  margin-right: -4px;
  border-radius: 50%;
  color: var(--ink-3);
}
.bex-238-c03f707f07:hover { background: var(--bg-3); color: var(--down); }

/* Source: css/blocks/input.css */

.bex-12d-1a6f1604f8 {
  display: block;
  width: 100%;
  padding: 12px 14px;
  background: var(--bg-1);
  color: var(--ink-1);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  font-size: var(--t-base);
  font-family: var(--font-body);
  transition: border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std), box-shadow var(--d-fast) var(--ease-std);
}

.bex-12d-1a6f1604f8:hover { border-color: var(--line-strong); }
.bex-12d-1a6f1604f8:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); background: var(--bg-2); }
.bex-12d-1a6f1604f8:disabled { opacity: 0.5; cursor: not-allowed; }
.bex-12d-1a6f1604f8.bex-134-4ec6677acd { border-color: var(--down); box-shadow: 0 0 0 3px var(--down-soft); }
.bex-12d-1a6f1604f8.bex-139-7d14d6206c { border-color: var(--up); }

.bex-12f-9625606f61 { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.bex-12e-24696a6138 { padding: 16px 18px; font-size: var(--t-md); }
.bex-130-94b97b25ff { padding: 8px 10px; font-size: var(--t-sm); }

.bex-0cc-fa68d64b15 { display: flex; flex-direction: column; gap: 6px; }

.bex-0d4-ebf68d2d02 {
  font-size: var(--t-xs);
  font-weight: 600;
  color: var(--ink-2);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-0d1-fa26146455 { font-size: var(--t-xs); color: var(--ink-3); }
.bex-0d2-3aa36cbdf8 { color: var(--down); }
.bex-0d3-5f229437ae { color: var(--up); }

.bex-0d5-4f66fb294c { display: flex; gap: var(--s-2); align-items: stretch; }
.bex-0d5-4f66fb294c .bex-12d-1a6f1604f8 { flex: 1; }

.bex-0cd-79af7445bf { position: relative; }
.bex-0cd-79af7445bf .bex-12d-1a6f1604f8 { padding-left: 42px; }
.bex-0cf-ca6a5d8b00 {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ink-3);
  font-weight: 600;
  pointer-events: none;
}

.bex-0d0-f092ab3ec7 {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  display: flex; align-items: center;
  padding: 0 14px;
  background: var(--bg-2);
  color: var(--ink-2);
  border-right: 1px solid var(--line);
  border-radius: var(--r-sm) 0 0 var(--r-sm);
  font-weight: 700;
  font-family: var(--font-mono);
}
.bex-0ce-0a8bd301cb .bex-12d-1a6f1604f8 { padding-left: 56px; }

@media (max-width: 720px) {
  .bex-12d-1a6f1604f8 { font-size: 16px; min-height: 44px; }
  .bex-130-94b97b25ff { font-size: var(--t-base); min-height: 36px; }
  .bex-12e-24696a6138 { min-height: 52px; }
}

/* Source: css/blocks/checkbox.css */

.bex-08c-506ce7bbc3 {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  font-size: var(--t-sm);
  color: var(--ink-2);
  line-height: 1.4;
}

.bex-08c-506ce7bbc3 input { position: absolute; opacity: 0; width: 0; height: 0; }

.bex-08e-54fca9dbba {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px; height: 18px;
  background: var(--bg-1);
  border: 1.5px solid var(--line-strong);
  border-radius: 4px;
  transition: background var(--d-fast) var(--ease-std), border-color var(--d-fast) var(--ease-std);
  margin-top: 1px;
}

.bex-08c-506ce7bbc3:hover .bex-08e-54fca9dbba { border-color: var(--accent); }

.bex-08c-506ce7bbc3 input:focus-visible + .bex-08e-54fca9dbba {
  box-shadow: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent);
}

.bex-08c-506ce7bbc3 input:checked + .bex-08e-54fca9dbba {
  background: var(--accent);
  border-color: var(--accent);
}

.bex-08e-54fca9dbba::after {
  content: "";
  width: 10px; height: 6px;
  border-left: 2px solid var(--ink-on-accent);
  border-bottom: 2px solid var(--ink-on-accent);
  transform: rotate(-45deg) translateY(-1px);
  opacity: 0;
  transition: opacity var(--d-fast) var(--ease-std);
}

.bex-08c-506ce7bbc3 input:checked + .bex-08e-54fca9dbba::after { opacity: 1; }

.bex-08f-2df2da713d { display: block; }
.bex-08f-2df2da713d a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

.bex-08d-6a2fcea88a { font-size: var(--t-base); }
.bex-08d-6a2fcea88a .bex-08e-54fca9dbba { width: 22px; height: 22px; }

.bex-1ee-b3f7a57458 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  font-size: var(--t-sm);
  color: var(--ink-2);
}

.bex-1ee-b3f7a57458 input { position: absolute; opacity: 0; width: 0; height: 0; }

.bex-1ef-e52867488a {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px; height: 18px;
  background: var(--bg-1);
  border: 1.5px solid var(--line-strong);
  border-radius: 50%;
  transition: border-color var(--d-fast) var(--ease-std);
}

.bex-1ee-b3f7a57458:hover .bex-1ef-e52867488a { border-color: var(--accent); }

.bex-1ef-e52867488a::after {
  content: "";
  width: 8px; height: 8px;
  background: var(--accent);
  border-radius: 50%;
  transform: scale(0);
  transition: transform var(--d-fast) var(--ease-spring);
}

.bex-1ee-b3f7a57458 input:checked + .bex-1ef-e52867488a { border-color: var(--accent); }
.bex-1ee-b3f7a57458 input:checked + .bex-1ef-e52867488a::after { transform: scale(1); }

.bex-24f-6d79e3b82c {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 38px; height: 22px;
  background: var(--bg-3);
  border-radius: var(--r-pill);
  cursor: pointer;
  transition: background var(--d-base) var(--ease-std);
}

.bex-24f-6d79e3b82c input { position: absolute; opacity: 0; width: 0; height: 0; }

.bex-251-d22c824aad {
  position: absolute;
  left: 2px; top: 2px;
  width: 18px; height: 18px;
  background: var(--ink-1);
  border-radius: 50%;
  transition: transform var(--d-base) var(--ease-spring), background var(--d-base) var(--ease-std);
}

.bex-24f-6d79e3b82c input:checked ~ .bex-251-d22c824aad {
  transform: translateX(16px);
  background: var(--ink-on-accent);
}

.bex-24f-6d79e3b82c:has(input:checked) {
  background: var(--accent);
}

.bex-250-b7fce7fe58 { opacity: 0.5; pointer-events: none; }

/* Source: css/blocks/select.css */

.bex-1f0-8c679dbd6f {
  position: relative;
  display: inline-flex;
  align-items: stretch;
}

.bex-1f2-1f6633de3e {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  padding: 12px 36px 12px 14px;
  background: var(--bg-1);
  color: var(--ink-1);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  font-size: var(--t-sm);
  font-family: var(--font-body);
  cursor: pointer;
  transition: border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std);
}

.bex-1f2-1f6633de3e:hover { border-color: var(--line-strong); }
.bex-1f2-1f6633de3e:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); outline: none; }

.bex-1f0-8c679dbd6f::after {
  content: "";
  position: absolute;
  right: 14px; top: 50%;
  width: 7px; height: 7px;
  border-right: 1.5px solid var(--ink-2);
  border-bottom: 1.5px solid var(--ink-2);
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
  transition: transform var(--d-fast) var(--ease-std);
}

.bex-1f1-0a691ad2df .bex-1f2-1f6633de3e { padding: 7px 30px 7px 10px; font-size: var(--t-xs); }
.bex-1f1-0a691ad2df::after { right: 10px; width: 6px; height: 6px; }

/* Source: css/blocks/card.css */

.bex-073-7e2aec0b86 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  position: relative;
  transition: border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std), transform var(--d-fast) var(--ease-std);
}

.bex-077-ab029c2ec6 { cursor: pointer; }
.bex-077-ab029c2ec6:hover { border-color: var(--line-strong); background: var(--bg-2); }
.bex-077-ab029c2ec6:active { transform: translateY(1px); }

.bex-078-145ea2958b { box-shadow: var(--sh-sheet); }
.bex-074-147292fba8 { border-color: var(--accent); box-shadow: var(--sh-glow); }
.bex-075-4e34429d0b { background: transparent; border: 0; }
.bex-076-41cd81d04c { background: var(--bg-inset); border-color: var(--line-soft); }

.bex-07e-b6794f254a {
  display: flex; align-items: center;
  justify-content: space-between;
  gap: var(--s-3);
  padding: var(--s-4) var(--s-5);
  border-bottom: 1px solid var(--line);
}

.bex-080-e81e1f2cef {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-snug);
}

.bex-07f-c688175b2b { font-size: var(--t-xs); color: var(--ink-3); }

.bex-07a-3f13f974c6 { padding: var(--s-4) var(--s-5); }
.bex-07b-4d4d91eca6 { padding: 0; }
.bex-07c-65655649c5 { padding: var(--s-3) var(--s-4); }

.bex-07d-61478556f6 {
  padding: var(--s-3) var(--s-5);
  border-top: 1px solid var(--line);
  background: var(--bg-inset);
  border-radius: 0 0 var(--r-md) var(--r-md);
}

.bex-079-5ea3cb8636 { color: var(--accent); font-size: var(--t-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tr-wide); display: inline-flex; align-items: center; gap: 4px; }
.bex-079-5ea3cb8636:hover { color: var(--accent-hot); }
.bex-079-5ea3cb8636::after { content: "→"; transition: transform var(--d-fast) var(--ease-std); }
.bex-079-5ea3cb8636:hover::after { transform: translateX(2px); }

@media (max-width: 480px) {
  .bex-07e-b6794f254a { padding: var(--s-3) var(--s-4); }
  .bex-07a-3f13f974c6 { padding: var(--s-3) var(--s-4); }
  .bex-07d-61478556f6 { padding: var(--s-3) var(--s-4); }
  .bex-07c-65655649c5 { padding: var(--s-2) var(--s-3); }
}

/* Source: css/blocks/panel.css */

.bex-1e0-4ccffd820c {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-sheet);
  overflow: hidden;
}

.bex-1e4-3ce6821802 {
  display: flex; align-items: center; gap: var(--s-3);
  padding: var(--s-4) var(--s-5);
  border-bottom: 1px solid var(--line);
}

.bex-1e5-332cf8c417 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-lg);
  text-transform: uppercase;
  letter-spacing: var(--tr-snug);
  flex: 1;
}

.bex-1e1-533c724dd2 { padding: var(--s-5); }
.bex-1e2-87c438ec02 { padding: 0; }

.bex-1e3-3dc5b90cb8 {
  padding: var(--s-4) var(--s-5);
  border-top: 1px solid var(--line);
  background: var(--bg-inset);
}

/* Source: css/blocks/accordion.css */

.bex-001-dac07a9200 { border-top: 1px solid var(--line); }

.bex-004-43184d8824 { border-bottom: 1px solid var(--line); }

.bex-005-4bd3f6fd6c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3);
  width: 100%;
  padding: var(--s-4) 0;
  background: none;
  text-align: left;
  font-size: var(--t-md);
  font-weight: 600;
  color: var(--ink-1);
  cursor: pointer;
  transition: color var(--d-fast) var(--ease-std);
}

.bex-005-4bd3f6fd6c:hover { color: var(--accent); }

.bex-002-58c1101c53 {
  flex-shrink: 0;
  width: 22px; height: 22px;
  border-radius: 50%;
  border: 1px solid var(--line-strong);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--d-base) var(--ease-std), border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std);
}
.bex-002-58c1101c53::before {
  content: "";
  width: 8px; height: 8px;
  border-right: 1.5px solid var(--ink-2);
  border-bottom: 1.5px solid var(--ink-2);
  transform: translateY(-2px) rotate(45deg);
  transition: transform var(--d-base) var(--ease-std);
}

.bex-004-43184d8824[open] .bex-002-58c1101c53 {
  background: var(--accent);
  border-color: var(--accent);
}
.bex-004-43184d8824[open] .bex-002-58c1101c53::before {
  border-color: var(--ink-on-accent);
  transform: translateY(2px) rotate(-135deg);
}

.bex-003-747df7cfae {
  padding: 0 0 var(--s-5);
  color: var(--ink-2);
  font-size: var(--t-sm);
  line-height: var(--lh-loose);
}

.bex-003-747df7cfae > * + * { margin-top: var(--s-3); }

/* Source: css/blocks/modal.css */

.bex-1b8-fab3f630e2 {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--s-4);
  background: var(--bg-overlay);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--d-base) var(--ease-std);
}

.bex-1b8-fab3f630e2.bex-136-02bf675fa0 {
  opacity: 1;
  pointer-events: auto;
}

.bex-1c1-ba2c19b79d {
  width: 100%;
  max-width: 480px;
  max-height: calc(100vh - var(--s-8));
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-raised);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateY(20px) scale(0.98);
  transition: transform var(--d-slow) var(--ease-spring);
}

.bex-1b8-fab3f630e2.bex-136-02bf675fa0 .bex-1c1-ba2c19b79d { transform: none; }

.bex-1c3-2ae11d3253 { max-width: 720px; }
.bex-1c4-59bdc3f933 { max-width: 960px; }
.bex-1c2-3a19d3e328 { border-color: var(--accent); }

.bex-1bf-cf13d33195 {
  display: flex; align-items: center; gap: var(--s-3);
  padding: var(--s-5) var(--s-6) var(--s-3);
  border-bottom: 1px solid var(--line-soft);
}

.bex-1c5-d23e7798b6 {
  flex: 1;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-xl);
  text-transform: uppercase;
  letter-spacing: var(--tr-snug);
}

.bex-1bc-15f7ce672c {
  width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  color: var(--ink-2);
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std);
}
.bex-1bc-15f7ce672c:hover { background: var(--bg-3); color: var(--ink-1); }
.bex-1bc-15f7ce672c::before, .bex-1bc-15f7ce672c::after {
  content: ""; position: absolute;
  width: 14px; height: 1.5px;
  background: currentColor;
}
.bex-1bc-15f7ce672c::before { transform: rotate(45deg); }
.bex-1bc-15f7ce672c::after { transform: rotate(-45deg); }
.bex-1bc-15f7ce672c { position: relative; }

.bex-1bb-93258ba999 {
  padding: var(--s-5) var(--s-6);
  overflow-y: auto;
  color: var(--ink-2);
  font-size: var(--t-sm);
  line-height: var(--lh-loose);
}
.bex-1bb-93258ba999 > * + * { margin-top: var(--s-3); }

.bex-1bd-87c933acf7 {
  display: flex; gap: var(--s-3); justify-content: flex-end;
  padding: var(--s-4) var(--s-6) var(--s-5);
  border-top: 1px solid var(--line-soft);
  background: var(--bg-inset);
}

.bex-1be-d844082ac9 { flex-direction: column; }
.bex-1be-d844082ac9 .bex-063-fc6cdfa717 { width: 100%; }

.bex-1b9-794e71d249 {
  background: rgba(8, 9, 15, 0.92);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.bex-1b9-794e71d249 .bex-1c1-ba2c19b79d {
  background: linear-gradient(180deg, var(--bg-1), var(--bg-0));
  border: 1px solid var(--line-strong);
}

.bex-1ba-e1bc4a1b58 {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 72px; height: 72px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: 50%;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: var(--s-4);
  box-shadow: var(--sh-glow);
}

.bex-1c0-7641c2621a {
  font-size: var(--t-xs);
  color: var(--ink-3);
  line-height: var(--lh-loose);
}
.bex-1c0-7641c2621a a { color: var(--ink-2); text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 720px) {
  .bex-1b8-fab3f630e2 { padding: 0; align-items: flex-end; }
  .bex-1c1-ba2c19b79d {
    max-width: none;
    width: 100%;
    max-height: 92vh;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    transform: translateY(100%);
  }
  .bex-1b8-fab3f630e2.bex-136-02bf675fa0 .bex-1c1-ba2c19b79d { transform: none; }
  .bex-1bf-cf13d33195 { padding: var(--s-4) var(--s-5) var(--s-3); }
  .bex-1bb-93258ba999 { padding: var(--s-4) var(--s-5); }
  .bex-1bd-87c933acf7 { padding: var(--s-4) var(--s-5); flex-direction: column-reverse; }
  .bex-1bd-87c933acf7 .bex-063-fc6cdfa717 { width: 100%; }
  .bex-1b9-794e71d249 { align-items: center; padding: var(--s-4); }
  .bex-1b9-794e71d249 .bex-1c1-ba2c19b79d { border-radius: var(--r-xl); transform: translateY(20px) scale(0.98); }
  .bex-1b9-794e71d249.bex-136-02bf675fa0 .bex-1c1-ba2c19b79d { transform: none; }
}

/* Source: css/blocks/toast.css */

.bex-247-e8418bc598 {
  position: fixed;
  bottom: var(--s-6);
  right: var(--s-6);
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column-reverse;
  gap: var(--s-2);
  pointer-events: none;
  max-width: 360px;
}

.bex-242-70336baeff {
  display: flex; align-items: flex-start;
  gap: var(--s-3);
  padding: var(--s-4);
  background: var(--bg-2);
  border: 1px solid var(--line-strong);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-md);
  box-shadow: var(--sh-raised);
  pointer-events: auto;
  font-size: var(--t-sm);
  color: var(--ink-1);
  animation: toast-in var(--d-slow) var(--ease-spring);
  position: relative;
}

@keyframes toast-in {
  from { opacity: 0; transform: translateX(20px) scale(0.95); }
  to { opacity: 1; transform: none; }
}

.bex-242-70336baeff.bex-137-04804ff89d { animation: toast-out var(--d-base) var(--ease-accel) forwards; }
@keyframes toast-out {
  to { opacity: 0; transform: translateX(20px); }
}

.bex-245-27378d4c21 { border-left-color: var(--up); }
.bex-243-9b0a05f6ce { border-left-color: var(--down); }
.bex-246-25c049c681 { border-left-color: var(--warn); }
.bex-244-b0bf7358bb { border-left-color: var(--accent); }

.bex-24b-c7472e755f {
  flex-shrink: 0;
  width: 22px; height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--bg-3);
  color: var(--accent);
  font-weight: 700;
  font-size: var(--t-xs);
}
.bex-245-27378d4c21 .bex-24b-c7472e755f { color: var(--up); }
.bex-243-9b0a05f6ce .bex-24b-c7472e755f { color: var(--down); }
.bex-246-25c049c681 .bex-24b-c7472e755f { color: var(--warn); }

.bex-249-3f21a45f39 { flex: 1; line-height: var(--lh-base); }
.bex-24e-12db9c095e { font-weight: 600; color: var(--ink-1); }
.bex-24c-38c89cfc5e { color: var(--ink-2); margin-top: 2px; font-size: var(--t-xs); }
.bex-248-000f083b3c {
  display: inline-block;
  margin-top: 6px;
  color: var(--accent);
  font-weight: 600;
  font-size: var(--t-xs);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bex-24a-8d9c054d62 {
  flex-shrink: 0;
  width: 20px; height: 20px;
  color: var(--ink-3);
  position: relative;
  border-radius: 50%;
}
.bex-24a-8d9c054d62:hover { color: var(--ink-1); background: var(--bg-3); }
.bex-24a-8d9c054d62::before, .bex-24a-8d9c054d62::after {
  content: ""; position: absolute;
  inset: 50% 50% auto auto;
  width: 10px; height: 1.5px;
  background: currentColor;
  transform-origin: right center;
}
.bex-24a-8d9c054d62::before { transform: translateY(-50%) rotate(45deg); }
.bex-24a-8d9c054d62::after { transform: translateY(-50%) rotate(-45deg); }

.bex-24d-eabe8cf258 {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: var(--accent);
  transform-origin: left;
  animation: toast-progress 5s linear forwards;
}
@keyframes toast-progress { to { transform: scaleX(0); } }

@media (max-width: 480px) {
  .bex-247-e8418bc598 { left: var(--s-3); right: var(--s-3); bottom: var(--s-3); max-width: none; }
}

/* Source: css/blocks/skeleton.css */

.bex-1f3-af96892b9d {
  display: block;
  background: linear-gradient(90deg, var(--bg-2) 0%, var(--bg-3) 50%, var(--bg-2) 100%);
  background-size: 200% 100%;
  border-radius: var(--r-sm);
  animation: skeleton-shimmer 1.4s var(--ease-std) infinite;
}

@keyframes skeleton-shimmer {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}

.bex-1f7-fc9464d686 { height: 12px; width: 100%; border-radius: 3px; }
.bex-1f9-4c1ec4ad79 { height: 9px; }
.bex-1f8-5399922845 { height: 18px; }
.bex-1f6-9a13a2c9d7 { height: 48px; }
.bex-1f4-651d5e6c3b { height: 120px; border-radius: var(--r-md); }
.bex-1f5-120c8713e7 { border-radius: 50%; }

.bex-1fa-019c08a9f0 { display: flex; flex-direction: column; gap: var(--s-2); }

/* Source: css/blocks/breadcrumbs.css */

.bex-05e-239870b04d {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-3) 0;
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-weight: 500;
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  flex-wrap: wrap;
}

.bex-060-3dabcebade { display: inline-flex; align-items: center; gap: var(--s-2); }

.bex-061-0d0af564ec { color: var(--ink-3); transition: color var(--d-fast) var(--ease-std); }
.bex-061-0d0af564ec:hover { color: var(--accent); }

.bex-05f-b78a2fd692 { color: var(--ink-1); font-weight: 600; }

.bex-062-3ef308eb1d {
  color: var(--ink-mute);
  font-size: 9px;
  letter-spacing: 0;
}
.bex-062-3ef308eb1d::before { content: "/"; }

/* Source: css/blocks/nav.css */

.bex-1c6-392f724668 {
  display: flex;
  align-items: center;
  gap: var(--s-1);
}

.bex-1c7-ff267b321b {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  padding: 8px 12px;
  font-size: var(--t-sm);
  font-weight: 600;
  color: var(--ink-2);
  border-radius: var(--r-sm);
  transition: color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std);
  white-space: nowrap;
  position: relative;
}

.bex-1c7-ff267b321b:hover { color: var(--ink-1); background: var(--bg-2); }

.bex-1c7-ff267b321b.bex-131-cff3cb6dfd {
  color: var(--accent);
}

.bex-1c7-ff267b321b.bex-131-cff3cb6dfd::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px; bottom: -1px;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
}

.bex-219-0136d9e64b {
  position: sticky;
  top: var(--header-h);
  z-index: var(--z-sticky);
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  height: var(--subnav-h);
  display: flex;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
}
.bex-219-0136d9e64b::-webkit-scrollbar { display: none; }

@media (max-width: 1024px) {
  .bex-219-0136d9e64b {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
  }
}

.bex-21b-c7df7dc18a {
  display: flex;
  align-items: center;
  gap: var(--s-1);
  padding: 0 var(--grid-gutter);
  width: 100%;
  max-width: var(--grid-max);
  margin: 0 auto;
}

.bex-21c-e8925250be {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: var(--t-sm);
  font-weight: 600;
  color: var(--ink-2);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color var(--d-fast) var(--ease-std), border-color var(--d-fast) var(--ease-std);
  height: var(--subnav-h);
}

.bex-21c-e8925250be:hover { color: var(--ink-1); }

.bex-21c-e8925250be.bex-131-cff3cb6dfd {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

.bex-21d-6b1b1add74 {
  display: inline-block;
  width: 18px; height: 18px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: var(--icon, none) no-repeat center / contain;
  mask: var(--icon, none) no-repeat center / contain;
  transition: background-color var(--d-fast) var(--ease-std);
}

.bex-21a-ffa8f30ddf {
  font-size: var(--t-2xs);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  background: var(--bg-3);
  padding: 1px 5px;
  border-radius: var(--r-pill);
  min-width: 16px;
  text-align: center;
}
.bex-21c-e8925250be.bex-131-cff3cb6dfd .bex-21a-ffa8f30ddf { background: var(--accent); color: var(--ink-on-accent); }

.bex-0b0-5e5a67b08e {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  pointer-events: none;
  visibility: hidden;
}

.bex-0b0-5e5a67b08e.bex-136-02bf675fa0 {
  pointer-events: auto;
  visibility: visible;
}

.bex-0b1-7fa636f4e1 {
  position: absolute;
  inset: 0;
  background: var(--bg-overlay);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity var(--d-base) var(--ease-std);
}

.bex-0b0-5e5a67b08e.bex-136-02bf675fa0 .bex-0b1-7fa636f4e1 { opacity: 1; }

.bex-0b7-60d0a89fcb {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: min(86vw, 360px);
  background: var(--bg-1);
  border-left: 1px solid var(--line);
  box-shadow: var(--sh-raised);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  transform: translateX(100%);
  transition: transform var(--d-slow) var(--ease-spring);
}

.bex-0b0-5e5a67b08e.bex-136-02bf675fa0 .bex-0b7-60d0a89fcb { transform: none; }

.bex-0b3-8f9102a816 {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--s-4) var(--s-5);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  background: var(--bg-1);
  z-index: 1;
}

.bex-0bb-ff07f60600 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  color: var(--ink-1);
}

.bex-0b2-43a0df13a6 {
  width: 40px; height: 40px;
  border-radius: var(--r-sm);
  position: relative;
  color: var(--ink-2);
  transition: background var(--d-fast) var(--ease-std);
}
.bex-0b2-43a0df13a6:hover { background: var(--bg-2); color: var(--ink-1); }
.bex-0b2-43a0df13a6::before, .bex-0b2-43a0df13a6::after {
  content: ""; position: absolute;
  left: 50%; top: 50%;
  width: 16px; height: 1.5px;
  background: currentColor;
}
.bex-0b2-43a0df13a6::before { transform: translate(-50%, -50%) rotate(45deg); }
.bex-0b2-43a0df13a6::after { transform: translate(-50%, -50%) rotate(-45deg); }

.bex-0b6-69a15ed838 {
  display: flex;
  flex-direction: column;
  padding: var(--s-2) 0;
  border-bottom: 1px solid var(--line-soft);
}

.bex-0b8-3d62f4e21b {
  display: flex;
  flex-direction: column;
  padding: var(--s-3) 0;
  border-bottom: 1px solid var(--line-soft);
}
.bex-0b8-3d62f4e21b:last-child { border-bottom: 0; }

.bex-0b9-870e881b88 {
  padding: var(--s-4) var(--s-5);
  gap: var(--s-2);
}

.bex-0ba-e7390f788d {
  font-size: var(--t-2xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-widest);
  color: var(--ink-3);
  font-weight: 700;
  padding: var(--s-2) var(--s-5);
}

.bex-0b4-a6f2a11b4f {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  padding: 14px var(--s-5);
  font-size: var(--t-md);
  color: var(--ink-1);
  font-weight: 500;
  border-left: 3px solid transparent;
  transition: background var(--d-fast) var(--ease-std), border-color var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std);
  min-height: 48px;
}
.bex-0b4-a6f2a11b4f:hover { background: var(--bg-2); }
.bex-0b4-a6f2a11b4f.bex-131-cff3cb6dfd {
  color: var(--accent);
  background: var(--accent-soft);
  border-left-color: var(--accent);
  font-weight: 700;
}
.bex-0b5-a5bca864b4 { color: var(--ink-3); font-size: var(--t-sm); }

@media (min-width: 1025px) {
  .bex-0b0-5e5a67b08e { display: none; }
}

body.bex-133-9399f1ef6a { overflow: hidden; }

/* Source: css/blocks/cookie.css */

.bex-0a5-867889abb9 {
  position: fixed;
  bottom: var(--s-4);
  left: var(--s-4);
  right: var(--s-4);
  z-index: var(--z-overlay);
  max-width: 720px;
  margin: 0 auto;
  background: var(--bg-2);
  border: 1px solid var(--line-strong);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-raised);
  padding: var(--s-5);
  display: flex;
  align-items: center;
  gap: var(--s-5);
  transform: translateY(calc(100% + 20px));
  transition: transform var(--d-slow) var(--ease-spring);
}

.bex-0a5-867889abb9.bex-136-02bf675fa0 { transform: none; }

.bex-0a8-0e4ba762aa {
  flex-shrink: 0;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--ink-on-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bex-0a7-448cb94d31 { flex: 1; min-width: 0; }

.bex-0aa-8f3c398105 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-snug);
  margin-bottom: 4px;
}

.bex-0a9-b32ce8e560 {
  font-size: var(--t-xs);
  color: var(--ink-2);
  line-height: var(--lh-loose);
}

.bex-0a9-b32ce8e560 a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

.bex-0a6-f0652c23ec {
  display: flex;
  gap: var(--s-2);
  flex-shrink: 0;
}

@media (max-width: 720px) {
  .bex-0a5-867889abb9 { flex-direction: column; align-items: stretch; gap: var(--s-3); padding: var(--s-4); }
  .bex-0a6-f0652c23ec { flex-direction: row; justify-content: flex-end; flex-wrap: wrap; }
}

.bex-0af-6926678d71 {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--s-3) 0;
  border-bottom: 1px solid var(--line-soft);
  gap: var(--s-3);
}

.bex-0af-6926678d71:last-child { border-bottom: 0; }

.bex-0ae-cbb81d0cc0 {
  font-weight: 600;
  color: var(--ink-1);
  font-size: var(--t-sm);
}

.bex-0ac-4d2e954c2c {
  font-size: var(--t-xs);
  color: var(--ink-3);
  line-height: var(--lh-base);
  margin-top: 2px;
  max-width: 320px;
}

.bex-0ad-fa1f55ada1 {
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

/* Source: css/blocks/header.css */

.bex-0f6-e84531c78f {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  height: var(--header-h);
  background: rgba(11, 14, 20, 0.88);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  border-bottom: 1px solid var(--line);
}

.bex-0ff-4e0ea36a49 {
  height: 100%;
  max-width: var(--grid-max);
  margin: 0 auto;
  padding: 0 var(--grid-gutter);
  display: flex;
  align-items: center;
  gap: var(--s-6);
}

@media (max-width: 1024px) {
  .bex-0ff-4e0ea36a49 { gap: var(--s-3); }
}

.bex-0fd-3e50cd7d89 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  transition: transform var(--d-fast) var(--ease-std);
}
.bex-0fd-3e50cd7d89:hover { transform: translateY(-1px); }

.bex-0fe-c08a4b26fe {
  height: 36px;
  width: auto;
  display: block;
}

@media (max-width: 480px) {
  .bex-0fe-c08a4b26fe { height: 28px; }
}

.bex-101-ec3fd632d0 { flex: 1; }

.bex-102-bce24c080d {
  flex: 0 1 320px;
  position: relative;
}

.bex-102-bce24c080d input {
  width: 100%;
  padding: 8px 14px 8px 36px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  color: var(--ink-1);
  font-size: var(--t-sm);
  transition: border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std);
}
.bex-102-bce24c080d input:focus { border-color: var(--accent); background: var(--bg-1); outline: none; }
.bex-102-bce24c080d input::placeholder { color: var(--ink-3); }

.bex-102-bce24c080d::before {
  content: "";
  position: absolute;
  left: 12px; top: 50%;
  width: 14px; height: 14px;
  border: 1.5px solid var(--ink-3);
  border-radius: 50%;
  transform: translateY(-58%);
}
.bex-102-bce24c080d::after {
  content: "";
  position: absolute;
  left: 22px; top: 50%;
  width: 6px; height: 1.5px;
  background: var(--ink-3);
  transform: translateY(0) rotate(45deg);
  transform-origin: left;
}

.bex-0f7-e763982bec { display: flex; align-items: center; gap: var(--s-2); flex-shrink: 0; }

.bex-0f8-be27828480 {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  padding: 6px 12px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-sm);
  font-weight: 600;
}
.bex-0f9-c6e178afc9 { color: var(--ink-3); font-size: var(--t-xs); }
.bex-0fa-534a4da89d { color: var(--accent); }

.bex-103-fd56648328 {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--accent-deep));
  color: var(--ink-on-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-sm);
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid var(--bg-1);
  transition: transform var(--d-fast) var(--ease-std);
}
.bex-103-fd56648328:hover { transform: scale(1.08); }

.bex-0fc-282276f1d5 {
  position: relative;
}

.bex-0fb-ba749f738d {
  position: absolute;
  top: -4px; right: -4px;
  min-width: 16px; height: 16px;
  padding: 0 4px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: var(--r-pill);
  font-size: var(--t-2xs);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--bg-0);
}

.bex-100-1b0d358cad {
  display: none;
  width: 40px; height: 40px;
  border-radius: var(--r-sm);
  position: relative;
}
.bex-100-1b0d358cad:hover { background: var(--bg-2); }
.bex-100-1b0d358cad span {
  position: absolute;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--ink-1);
  border-radius: 1px;
}
.bex-100-1b0d358cad span:nth-child(1) { top: 14px; }
.bex-100-1b0d358cad span:nth-child(2) { top: 19px; }
.bex-100-1b0d358cad span:nth-child(3) { top: 24px; }

@media (max-width: 1024px) {
  .bex-101-ec3fd632d0 { display: none; }
  .bex-100-1b0d358cad {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .bex-102-bce24c080d { display: none; }
  .bex-0f9-c6e178afc9 { display: none; }
  .bex-0f7-e763982bec { gap: var(--s-1); }
  .bex-0f8-be27828480 { padding: 6px 10px; font-size: var(--t-xs); }
}

@media (max-width: 480px) {
  .bex-0f8-be27828480 { display: none; }
  .bex-0fe-c08a4b26fe { height: 26px; }
}

.bex-098-e822bc2d9a {
  background: var(--bg-inset);
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  padding: 6px var(--grid-gutter);
  text-align: center;
  font-size: var(--t-xs);
  color: var(--ink-3);
  letter-spacing: var(--tr-wide);
}

@media (max-width: 480px) {
  .bex-098-e822bc2d9a {
    font-size: var(--t-2xs);
    line-height: 1.4;
    padding: 5px var(--grid-gutter);
  }
}

.bex-099-8e3a151879 { color: var(--ink-2); font-weight: 600; }
.bex-098-e822bc2d9a a { color: var(--ink-2); text-decoration: underline; text-underline-offset: 2px; }
.bex-098-e822bc2d9a a:hover { color: var(--accent); }

/* Source: css/blocks/footer.css */

.bex-0dd-41333d3b22 {
  margin-top: var(--s-16);
  padding-top: var(--s-12);
  background: var(--bg-inset);
  border-top: 1px solid var(--line);
  color: var(--ink-3);
}

@media (max-width: 720px) {
  .bex-0dd-41333d3b22 { margin-top: var(--s-10); padding-top: var(--s-8); }
}

.bex-0f3-2707c281eb {
  background: linear-gradient(180deg, var(--bg-1), var(--bg-inset));
  border-bottom: 1px solid var(--line);
  padding: var(--s-5) var(--grid-gutter);
  text-align: center;
  margin-top: calc(var(--s-12) * -1);
  margin-bottom: var(--s-12);
}

.bex-0f5-4f20922642 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  color: var(--ink-1);
}

.bex-0f4-48aa27b3bd {
  font-size: var(--t-sm);
  color: var(--ink-2);
  margin-top: 6px;
}

.bex-0f4-48aa27b3bd b { color: var(--accent); }

.bex-0e9-6d2d273785 {
  max-width: var(--grid-max);
  margin: 0 auto;
  padding: 0 var(--grid-gutter);
}

.bex-0e8-d0f9a49a24 {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: var(--s-8);
  padding-bottom: var(--s-10);
}

@media (max-width: 1024px) {
  .bex-0e8-d0f9a49a24 { grid-template-columns: 1fr 1fr 1fr; gap: var(--s-6); }
  .bex-0e5-8e996a89ba { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .bex-0e8-d0f9a49a24 { grid-template-columns: 1fr 1fr; }
}

.bex-0e6-734d1fa1bc {
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--ink-1);
  text-transform: uppercase;
  letter-spacing: var(--tr-widest);
  margin-bottom: var(--s-4);
}

.bex-0eb-c9f4938374 { display: flex; flex-direction: column; gap: var(--s-2); }
.bex-0eb-c9f4938374 a {
  font-size: var(--t-sm);
  color: var(--ink-3);
  transition: color var(--d-fast) var(--ease-std);
}
.bex-0eb-c9f4938374 a:hover { color: var(--accent); }

.bex-0e5-8e996a89ba { display: flex; flex-direction: column; gap: var(--s-4); }
.bex-0e2-545a337fb9 {
  display: inline-flex; align-items: center;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink-1);
}
.bex-0e3-af806a0ccc {
  height: 44px;
  width: auto;
}

.bex-0de-1bbc641c74 {
  font-size: var(--t-sm);
  line-height: var(--lh-loose);
  color: var(--ink-3);
  max-width: 360px;
}

.bex-0e7-15fb735102 {
  border-top: 1px solid var(--line);
  padding: var(--s-6) 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--s-6);
  align-items: center;
}

@media (max-width: 720px) {
  .bex-0e7-15fb735102 { grid-template-columns: 1fr; text-align: center; gap: var(--s-4); }
}

.bex-0f0-d925ed6d03 {
  display: flex;
  align-items: center;
  gap: var(--s-4);
  flex-wrap: wrap;
}

.bex-0ee-93e70c990f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  min-width: 64px;
  padding: 8px 12px;
  background: #FFFFFF;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  transition: border-color var(--d-fast) var(--ease-std), transform var(--d-fast) var(--ease-std);
}
.bex-0ee-93e70c990f:hover { border-color: var(--accent); transform: translateY(-1px); }
.bex-0ee-93e70c990f img, .bex-0ee-93e70c990f svg { height: 100%; width: auto; max-height: 30px; max-width: 100px; }

.bex-0ef-369e48562c {
  width: 48px; min-width: 48px;
  background: var(--accent);
  color: var(--ink-on-accent);
  font-family: var(--font-display);
  font-size: var(--t-xl);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  padding: 0;
}

.bex-0ea-df15a94490 {
  text-align: center;
  font-size: var(--t-xs);
  color: var(--ink-3);
  line-height: var(--lh-loose);
  max-width: 480px;
  justify-self: center;
}
.bex-0ea-df15a94490 b { color: var(--ink-2); }

.bex-0f1-3bb48875d7 {
  display: flex;
  align-items: center;
  gap: var(--s-4);
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 720px) {
  .bex-0f1-3bb48875d7 { justify-content: center; }
}

.bex-0f2-bbded46fc0 {
  font-size: var(--t-xs);
  color: var(--ink-2);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
}
.bex-0f2-bbded46fc0:hover { color: var(--accent); }

.bex-0ed-afff2e94b6 {
  border-top: 1px solid var(--line);
  padding: var(--s-5) 0;
  display: flex;
  align-items: center;
  gap: var(--s-3);
  flex-wrap: wrap;
}

.bex-0ec-0cbed2d537 {
  height: 36px;
  min-width: 56px;
  background: #FFFFFF;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  padding: 6px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color var(--d-fast) var(--ease-std), transform var(--d-fast) var(--ease-std);
}
.bex-0ec-0cbed2d537:hover { border-color: var(--line-strong); transform: translateY(-1px); }
.bex-0ec-0cbed2d537 img, .bex-0ec-0cbed2d537 svg { height: 100%; width: auto; max-height: 22px; max-width: 64px; object-fit: contain; }

.bex-0df-2496face85 {
  border-top: 1px solid var(--line);
  padding: var(--s-5) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--t-xs);
  color: var(--ink-3);
  flex-wrap: wrap;
  gap: var(--s-3);
}

.bex-0e0-4a10fa5c50 { color: var(--ink-3); }
.bex-0e1-65f3a11587 { display: flex; gap: var(--s-4); }
.bex-0e1-65f3a11587 a { color: var(--ink-3); }
.bex-0e1-65f3a11587 a:hover { color: var(--ink-1); }

/* Source: css/blocks/hero.css */

.bex-104-c907742f39 {
  position: relative;
  padding-block: var(--s-12) var(--s-10);
  overflow: hidden;
  isolation: isolate;
}

@media (max-width: 720px) {
  .bex-104-c907742f39 { padding-block: var(--s-6) var(--s-5); }
  .bex-106-7965a0ef02 { margin-bottom: var(--s-3); }
  .bex-118-1dd46b42f0 { margin-top: var(--s-3); }
  .bex-105-c09c16ffe7 { margin-top: var(--s-4); }
  .bex-107-b9688c1938 { padding: var(--s-4); }
  .bex-110-0275df8b8e { padding: var(--s-3) 0; }
  .bex-10e-aba77ea376 { width: 40px; height: 40px; font-size: var(--t-sm); }
}

@media (max-width: 480px) {
  .bex-117-4999805af0 { gap: var(--s-2); margin-top: var(--s-4); }
}

.bex-104-c907742f39::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 500px at 18% 0%, rgba(215, 255, 58, 0.12), transparent 60%),
    radial-gradient(700px 400px at 100% 100%, rgba(52, 226, 155, 0.06), transparent 60%);
  z-index: -1;
}

.bex-104-c907742f39::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path fill='none' stroke='%23ffffff' stroke-opacity='0.025' d='M0 20h40M20 0v40'/></svg>");
  z-index: -1;
  opacity: 0.6;
}

.bex-113-a876db8590 {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--s-10);
  align-items: center;
}

.bex-113-a876db8590 > * { min-width: 0; }

@media (max-width: 1024px) {
  .bex-113-a876db8590 { grid-template-columns: 1fr; gap: var(--s-8); }
}

.bex-106-7965a0ef02 {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  padding: 6px 12px 6px 8px;
  background: var(--bg-2);
  border: 1px solid var(--line-strong);
  border-radius: var(--r-pill);
  font-size: var(--t-xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  color: var(--ink-2);
  font-weight: 600;
  margin-bottom: var(--s-5);
}

.bex-106-7965a0ef02 .bex-090-dc2d23b7f8 { font-size: 9px; padding: 2px 6px; }

.bex-119-5421987abc {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 8vw, 88px);
  line-height: 0.98;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  color: var(--ink-1);
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

.bex-119-5421987abc b { color: var(--accent); display: inline-block; position: relative; max-width: 100%; }
.bex-119-5421987abc b::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0.06em;
  height: 0.18em;
  background: var(--accent-soft);
  z-index: -1;
}

@media (max-width: 720px) {
  .bex-119-5421987abc b {
    display: inline;
    background: linear-gradient(transparent 72%, var(--accent-soft) 72%);
  }
  .bex-119-5421987abc b::after { display: none; }
}

.bex-118-1dd46b42f0 {
  margin-top: var(--s-5);
  font-size: var(--t-md);
  line-height: var(--lh-loose);
  color: var(--ink-2);
  max-width: 480px;
}

.bex-105-c09c16ffe7 {
  margin-top: var(--s-6);
  display: flex;
  align-items: center;
  gap: var(--s-3);
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .bex-105-c09c16ffe7 { flex-direction: column; align-items: stretch; }
  .bex-105-c09c16ffe7 .bex-063-fc6cdfa717 { width: 100%; }
}

.bex-117-4999805af0 {
  margin-top: var(--s-8);
  display: flex;
  gap: var(--s-8);
  flex-wrap: wrap;
}

@media (max-width: 720px) {
  .bex-117-4999805af0 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-3);
    margin-top: var(--s-6);
  }
}

.bex-114-1c873c7f6b { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

@media (max-width: 480px) {
  .bex-116-d2f17e2f2b { font-size: var(--t-2xl); }
}
.bex-116-d2f17e2f2b {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-3xl);
  line-height: 1;
  color: var(--ink-1);
  letter-spacing: -0.02em;
}
.bex-116-d2f17e2f2b b { color: var(--accent); }
.bex-115-79e5342e5f {
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-107-b9688c1938 {
  position: relative;
  padding: var(--s-6);
  background: linear-gradient(180deg, var(--bg-1), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-raised);
}

.bex-108-a432fb6c00 {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: var(--s-4);
}

.bex-109-5c803a3dfe {
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  font-weight: 600;
}

.bex-111-17e52b7577 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-2xl);
  text-transform: uppercase;
  margin-bottom: var(--s-2);
}

.bex-110-0275df8b8e {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--s-4);
  align-items: center;
  padding: var(--s-5) 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  margin-bottom: var(--s-4);
}

.bex-110-0275df8b8e > * { min-width: 0; }

.bex-10d-e59a3ff84e { display: flex; flex-direction: column; align-items: center; gap: var(--s-2); text-align: center; min-width: 0; }
.bex-10f-a83a1e8002 { word-break: break-word; }
.bex-10e-aba77ea376 {
  width: 52px; height: 52px;
  border-radius: 50%;
  background: var(--bg-3);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  color: var(--ink-1);
  border: 1px solid var(--line-strong);
}
.bex-10f-a83a1e8002 { font-weight: 600; font-size: var(--t-sm); color: var(--ink-1); }

.bex-112-55a54c2951 {
  font-family: var(--font-display);
  font-size: var(--t-md);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  font-weight: 700;
}

.bex-10c-31b09bdebf {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-2);
}

.bex-10a-abaacb06c3 {
  margin-top: var(--s-4);
  padding-top: var(--s-3);
  border-top: 1px solid var(--line-soft);
  display: flex; justify-content: space-between; align-items: center;
  font-size: var(--t-xs);
  color: var(--ink-3);
}
.bex-10b-d895897e1a { color: var(--live); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tr-wide); }

/* Source: css/blocks/ticker.css */

.bex-239-554b256b23 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: var(--s-3) var(--s-4);
  display: flex;
  align-items: center;
  gap: var(--s-4);
  overflow: hidden;
  position: relative;
}

.bex-23f-864a2c1e94 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  padding: 4px 10px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: var(--r-xs);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-241-d1f7137994 {
  flex: 1;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.bex-240-43e3ed55d3 {
  display: flex;
  gap: var(--s-6);
  width: max-content;
  animation: ticker-scroll 60s linear infinite;
}

.bex-239-554b256b23:hover .bex-240-43e3ed55d3 { animation-play-state: paused; }

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.bex-23a-17ff1a8bf5 {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  font-size: var(--t-sm);
  color: var(--ink-2);
  white-space: nowrap;
}

.bex-23c-eae4f8f447 { color: var(--ink-1); font-weight: 600; }
.bex-23b-acdb8b22de { color: var(--ink-3); font-size: var(--t-xs); }
.bex-23d-8472b920a3 {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: var(--accent);
  padding: 2px 8px;
  background: var(--accent-soft);
  border-radius: var(--r-xs);
}

.bex-23e-cedd5f1c7e { color: var(--ink-mute); }

@media (max-width: 480px) {
  .bex-239-554b256b23 { padding: var(--s-2) var(--s-3); gap: var(--s-3); }
  .bex-23f-864a2c1e94 { padding: 3px 8px; font-size: var(--t-2xs); }
}

/* Source: css/blocks/carousel.css */

.bex-081-d5de89975f {
  position: relative;
}

.bex-082-30d2afb90b {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--s-4);
  gap: var(--s-3);
}

.bex-089-0586204d78 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-2xl);
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

.bex-089-0586204d78 b { color: var(--accent); }

.bex-088-4b95a70598 {
  font-size: var(--t-sm);
  color: var(--ink-3);
  margin-top: 2px;
}

.bex-083-0fe6ff337b { display: inline-flex; gap: var(--s-1); }

.bex-084-27143cc624 {
  width: 32px; height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  color: var(--ink-2);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std);
}
.bex-084-27143cc624:hover { background: var(--bg-3); color: var(--accent); border-color: var(--line-strong); }
.bex-084-27143cc624:disabled { opacity: 0.35; cursor: not-allowed; }

.bex-084-27143cc624::before {
  content: "";
  width: 8px; height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
}
.bex-086-608c39c22c::before { transform: rotate(135deg); }

.bex-08b-706ee7cf64 {
  overflow: hidden;
  position: relative;
}

.bex-08a-d483bc07bf {
  display: flex;
  gap: var(--s-4);
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: var(--s-2);
  scrollbar-width: none;
}
.bex-08a-d483bc07bf::-webkit-scrollbar { display: none; }

.bex-087-ee146c2a94 {
  flex: 0 0 auto;
  width: 320px;
  scroll-snap-align: start;
}

@media (max-width: 720px) {
  .bex-087-ee146c2a94 { width: 280px; }
  .bex-082-30d2afb90b { margin-bottom: var(--s-3); }
  .bex-089-0586204d78 { font-size: var(--t-xl); }
  .bex-088-4b95a70598 { font-size: var(--t-xs); }
}

@media (max-width: 480px) {
  .bex-087-ee146c2a94 { width: 260px; }
  .bex-08a-d483bc07bf { gap: var(--s-3); }
}

/* Source: css/blocks/match-card.css */

.bex-1a6-b66bbf2817 {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  padding: var(--s-4);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  transition: border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std);
  height: 100%;
  position: relative;
}

.bex-1a6-b66bbf2817:hover { border-color: var(--line-strong); background: var(--bg-2); }

.bex-1a8-55e601e702 { border-color: rgba(255, 61, 92, 0.35); }
.bex-1a8-55e601e702:hover { border-color: var(--live); }

.bex-1a7-476d8eba6f { border-color: var(--accent); box-shadow: var(--sh-glow); }

.bex-1a9-291a6161a5 {
  display: flex; align-items: center; justify-content: space-between;
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-1aa-a8b8c57b23 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink-2);
  font-weight: 600;
}

.bex-1ab-e89b73ea42 { width: 14px; height: 14px; opacity: 0.85; }

.bex-1b6-a71f98cfd9 { font-variant-numeric: tabular-nums; font-weight: 600; }

.bex-1b7-874fd52da4 { color: var(--live); }

.bex-1b5-0ebd27e05f {
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  padding: var(--s-2) 0;
}

.bex-1b1-1807427e58 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3);
  font-size: var(--t-sm);
  font-weight: 600;
  color: var(--ink-1);
}

.bex-1b3-8450a30db0 {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  flex: 1;
  min-width: 0;
}
.bex-1b3-8450a30db0 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bex-1b2-881b72ef5a {
  width: 22px; height: 22px;
  background: var(--bg-3);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: var(--t-2xs);
  font-weight: 700;
  flex-shrink: 0;
  border: 1px solid var(--line);
}

.bex-1b4-3c41011a6c {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: var(--accent);
  font-size: var(--t-md);
  min-width: 22px;
  text-align: right;
}

.bex-1b0-f967e751d9 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-1);
  margin-top: auto;
  padding-top: var(--s-3);
  border-top: 1px solid var(--line-soft);
}

.bex-1ad-f946abcb01 {
  display: flex; align-items: center; justify-content: space-between;
  font-size: var(--t-xs);
  color: var(--ink-3);
  margin-top: var(--s-2);
}
.bex-1ae-ed9bb068be { color: var(--ink-2); font-weight: 600; }
.bex-1af-c0e7f732b7 { color: var(--accent); font-weight: 600; }

.bex-1ac-1540136197 {
  display: flex; gap: var(--s-2); flex-wrap: wrap; align-items: center;
}

@media (max-width: 480px) {
  .bex-1a6-b66bbf2817 { padding: var(--s-3); }
  .bex-1b0-f967e751d9 { gap: 4px; }
}

/* Source: css/blocks/odds-cell.css */

.bex-1c8-cf9800c907 {
  --oc-bg: var(--bg-2);
  --oc-bg-hover: var(--bg-3);
  --oc-fg: var(--ink-1);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-2);
  padding: 8px 10px;
  background: var(--oc-bg);
  color: var(--oc-fg);
  border: 1px solid transparent;
  border-radius: var(--r-xs);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std), border-color var(--d-fast) var(--ease-std), transform var(--d-fast) var(--ease-std);
  min-height: 36px;
  font-size: var(--t-xs);
  font-weight: 500;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.bex-1c8-cf9800c907:hover {
  background: var(--oc-bg-hover);
  border-color: var(--line-strong);
}

.bex-1c8-cf9800c907:active { transform: scale(0.98); }

.bex-1d0-b61f38d24f {
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  font-size: 10px;
  font-weight: 600;
  flex-shrink: 0;
}

.bex-1d2-7967edb5e0 {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: var(--t-sm);
  color: var(--ink-1);
  letter-spacing: 0;
  margin-left: auto;
}

.bex-1cc-19ab6886f6 {
  background: var(--accent);
  --oc-bg-hover: var(--accent-hot);
  color: var(--ink-on-accent);
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent);
}
.bex-1cc-19ab6886f6 .bex-1d0-b61f38d24f,
.bex-1cc-19ab6886f6 .bex-1d2-7967edb5e0 { color: var(--ink-on-accent); }

.bex-1cb-b4a56ad68a {
  cursor: not-allowed;
  pointer-events: none;
  background: var(--bg-inset);
  color: var(--ink-mute);
  border-color: var(--line);
}
.bex-1cb-b4a56ad68a .bex-1d0-b61f38d24f { color: var(--ink-mute); }
.bex-1cb-b4a56ad68a .bex-1d2-7967edb5e0 {
  color: var(--ink-mute);
  font-size: var(--t-2xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bex-1cd-6da672374c.bex-1cb-b4a56ad68a .bex-1d2-7967edb5e0,
.bex-1c9-fe4afaa1f8.bex-1cb-b4a56ad68a .bex-1d2-7967edb5e0 {
  font-size: var(--t-2xs);
}

.bex-1ce-10de6efcda {
  animation: odds-pulse-up var(--d-expr) var(--ease-decel);
}
.bex-1ca-3d274110ae {
  animation: odds-pulse-down var(--d-expr) var(--ease-decel);
}

@keyframes odds-pulse-up {
  0% { background: var(--up); color: #fff; box-shadow: 0 0 0 1px var(--up), 0 0 12px var(--up-soft); }
  100% { background: var(--oc-bg); color: var(--oc-fg); }
}
@keyframes odds-pulse-down {
  0% { background: var(--down); color: #fff; box-shadow: 0 0 0 1px var(--down), 0 0 12px var(--down-soft); }
  100% { background: var(--oc-bg); color: var(--oc-fg); }
}

.bex-1cf-4fc1ac73a2 {
  display: inline-block;
  margin-left: 4px;
  font-size: 9px;
  font-weight: 700;
}
.bex-1ce-10de6efcda .bex-1cf-4fc1ac73a2 { color: var(--up); }
.bex-1ca-3d274110ae .bex-1cf-4fc1ac73a2 { color: var(--down); }

.bex-1cd-6da672374c {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 10px 8px;
  min-height: 56px;
}
.bex-1cd-6da672374c .bex-1d2-7967edb5e0 { font-size: var(--t-md); margin: 0; }

.bex-1c9-fe4afaa1f8 {
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  padding: 10px 6px;
  min-height: 60px;
}
.bex-1c9-fe4afaa1f8 .bex-1d0-b61f38d24f { text-align: center; }
.bex-1c9-fe4afaa1f8 .bex-1d2-7967edb5e0 { text-align: center; margin: 0; font-size: var(--t-md); }

.bex-1d1-ff71b3fe80 {
  display: block;
  font-size: 10px;
  color: var(--ink-3);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Source: css/blocks/odds-table.css */

.bex-1d3-ec428a3820 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
}

.bex-1d6-62a87d1a03 {
  display: grid;
  grid-template-columns: 1fr repeat(3, 80px);
  gap: var(--s-2);
  padding: 10px var(--s-4);
  background: var(--bg-inset);
  border-bottom: 1px solid var(--line);
  font-size: var(--t-2xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  color: var(--ink-3);
  font-weight: 600;
  align-items: center;
}

.bex-1d7-b9b2a1ef6c { text-align: center; }

.bex-1db-bc0ddfc99f {
  display: grid;
  grid-template-columns: 1fr repeat(3, 80px);
  gap: var(--s-2);
  padding: var(--s-3) var(--s-4);
  border-bottom: 1px solid var(--line-soft);
  align-items: center;
  transition: background var(--d-fast) var(--ease-std);
}

.bex-1db-bc0ddfc99f:last-child { border-bottom: 0; }
.bex-1db-bc0ddfc99f:hover { background: var(--bg-2); }

.bex-1dc-c3c1fa2d03 { background: rgba(255, 61, 92, 0.04); }

.bex-1d8-67758e0425 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.bex-1dd-fcdd77fef9 {
  font-size: var(--t-sm);
  font-weight: 600;
  color: var(--ink-1);
  display: flex;
  align-items: center;
  gap: var(--s-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bex-1dd-fcdd77fef9 a { color: inherit; transition: color var(--d-fast) var(--ease-std); }
.bex-1dd-fcdd77fef9 a:hover { color: var(--accent); }

.bex-1d9-5197124e47 {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  font-size: var(--t-xs);
  color: var(--ink-3);
}

.bex-1de-bf4f134856 { font-variant-numeric: tabular-nums; font-weight: 500; }
.bex-1df-243cd27c4a { color: var(--live); font-weight: 700; }

.bex-1da-e6cd890667 {
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bex-1da-e6cd890667:hover { color: var(--accent); }

@media (max-width: 720px) {
  .bex-1d6-62a87d1a03 { grid-template-columns: 1fr repeat(3, 60px); padding: 8px var(--s-3); }
  .bex-1db-bc0ddfc99f { grid-template-columns: 1fr repeat(3, 60px); padding: var(--s-3); }
}

@media (max-width: 480px) {
  .bex-1d6-62a87d1a03 { grid-template-columns: 1fr repeat(3, 54px); gap: 6px; padding: 8px var(--s-2); }
  .bex-1db-bc0ddfc99f { grid-template-columns: 1fr repeat(3, 54px); gap: 6px; padding: var(--s-2); }
}

.bex-1d4-45e486eced {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--s-2) var(--s-4);
  background: var(--bg-2);
  border-bottom: 1px solid var(--line);
  font-size: var(--t-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  color: var(--ink-2);
}

.bex-1d5-1b5e9cf762 {
  color: var(--ink-3);
  font-weight: 500;
}

/* Source: css/blocks/market-group.css */

.bex-194-b74695aaf5 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
}

.bex-194-b74695aaf5 + .bex-194-b74695aaf5 { margin-top: var(--s-3); }

.bex-1a1-47ff95a8bb {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-3);
  padding: var(--s-4);
  background: var(--bg-2);
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  user-select: none;
}

.bex-1a5-d721fb070b {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-snug);
  color: var(--ink-1);
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
}

.bex-19e-65f2d048af {
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-weight: 500;
  background: var(--bg-3);
  padding: 2px 8px;
  border-radius: var(--r-pill);
  font-family: var(--font-mono);
}

.bex-195-559fafdade { display: inline-flex; align-items: center; gap: var(--s-2); }

.bex-19d-abb10c7304 {
  width: 22px; height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--line-strong);
  transition: transform var(--d-base) var(--ease-std);
}
.bex-19d-abb10c7304::before {
  content: "";
  width: 7px; height: 7px;
  border-right: 1.5px solid var(--ink-2);
  border-bottom: 1.5px solid var(--ink-2);
  transform: translateY(-2px) rotate(45deg);
}
.bex-194-b74695aaf5[open] .bex-19d-abb10c7304 { transform: rotate(180deg); }

.bex-196-e0264d0ee4 {
  padding: var(--s-4);
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
}

.bex-1a3-f8baa2a43b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s-1);
}

.bex-1a4-eaae0ec8b2 {
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  padding: 6px 0;
}

.bex-197-c92c825e5c {
  display: grid;
  gap: var(--s-1);
}

.bex-199-d1a14a0d35 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bex-198-6338eccf3e { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bex-19a-c497410cde { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bex-19b-638bdce27f { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.bex-19c-599b1ba682 { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }

@media (max-width: 720px) {
  .bex-19a-c497410cde { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bex-19b-638bdce27f { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bex-1a1-47ff95a8bb { padding: var(--s-3); }
  .bex-196-e0264d0ee4 { padding: var(--s-3); }
  .bex-1a5-d721fb070b { font-size: var(--t-sm); }
}

.bex-19f-5e6753bcd1 {
  height: 1px;
  background: var(--line-soft);
  margin: var(--s-2) 0;
}

.bex-1a2-f4e806fab9 {
  width: 28px; height: 28px;
  border-radius: var(--r-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-3);
  background: transparent;
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std);
}
.bex-1a2-f4e806fab9:hover { background: var(--bg-3); color: var(--ink-1); }
.bex-1a2-f4e806fab9.bex-131-cff3cb6dfd { color: var(--accent); }

/* Source: css/blocks/league-list.css */

.bex-162-3a99427b38 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
}

.bex-165-c5f9dde64e {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--s-3) var(--s-4);
  background: var(--bg-2);
  border-bottom: 1px solid var(--line);
}

.bex-16a-449a7962e7 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-sm);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-163-96910a5b0b { padding: var(--s-2) 0; }

.bex-163-96910a5b0b + .bex-163-96910a5b0b { border-top: 1px solid var(--line-soft); }

.bex-164-1ff4132196 {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--s-2) var(--s-4);
  font-size: var(--t-2xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  color: var(--ink-3);
  font-weight: 700;
}

.bex-166-830eb089a7 {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-2);
  padding: 8px var(--s-4);
  font-size: var(--t-sm);
  color: var(--ink-2);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std);
  border-left: 2px solid transparent;
}

.bex-166-830eb089a7:hover {
  background: var(--bg-2);
  color: var(--ink-1);
  border-left-color: var(--accent);
}

.bex-166-830eb089a7.bex-131-cff3cb6dfd {
  color: var(--accent);
  background: var(--accent-soft);
  border-left-color: var(--accent);
  font-weight: 600;
}

.bex-169-2594f425a8 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bex-167-b08e6acf71 {
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  background: var(--bg-3);
  padding: 1px 6px;
  border-radius: var(--r-pill);
  min-width: 22px;
  text-align: center;
}
.bex-166-830eb089a7.bex-131-cff3cb6dfd .bex-167-b08e6acf71 {
  background: var(--accent);
  color: var(--ink-on-accent);
}

.bex-168-d621481e74 {
  width: 16px; height: 12px;
  border-radius: 2px;
  background: var(--bg-3);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 700;
  color: var(--ink-3);
}

/* Source: css/blocks/filter-rail.css */

.bex-0d6-857b05ab30 {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-3) 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 1%, #000 99%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 1%, #000 99%, transparent);
}

.bex-0d6-857b05ab30::-webkit-scrollbar { display: none; }

.bex-0d7-888d7dba27 {
  position: sticky;
  top: calc(var(--header-h) + var(--subnav-h));
  z-index: var(--z-sticky);
  background: var(--bg-0);
  margin-bottom: var(--s-3);
  border-bottom: 1px solid var(--line);
  padding: var(--s-3) 0;
}

@media (max-width: 1024px) {
  .bex-0d7-888d7dba27 { position: static; }
}

@media (max-width: 720px) {
  .bex-0db-ca4de378e3 {
    border-right: 0;
    padding: 0 var(--s-1);
  }
  .bex-0dc-2197d590ef { display: none; }
}

.bex-0db-ca4de378e3 {
  display: inline-flex;
  align-items: center;
  gap: var(--s-1);
  padding: 0 var(--s-3);
  border-right: 1px solid var(--line);
}
.bex-0db-ca4de378e3:last-child { border-right: 0; }

.bex-0dc-2197d590ef {
  font-size: var(--t-2xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  font-weight: 700;
  margin-right: var(--s-2);
}

.bex-0d8-034b40953c {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid var(--line-strong);
  color: var(--ink-2);
  border-radius: var(--r-pill);
  font-size: var(--t-xs);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std), border-color var(--d-fast) var(--ease-std);
}

.bex-0d8-034b40953c:hover {
  border-color: var(--accent);
  color: var(--ink-1);
}

.bex-0d8-034b40953c.bex-131-cff3cb6dfd {
  background: var(--accent);
  color: var(--ink-on-accent);
  border-color: var(--accent);
}

.bex-0d9-0234767d20 {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  opacity: 0.7;
  font-size: var(--t-2xs);
}

.bex-0da-02b9d3509c { width: 1px; height: 16px; background: var(--line); margin: 0 var(--s-2); }

/* Source: css/blocks/promo-strip.css */

.bex-1e6-4aede292df {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-3);
}

@media (max-width: 1024px) { .bex-1e6-4aede292df { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .bex-1e6-4aede292df { grid-template-columns: 1fr; } }

.bex-1e7-9ca7e52ad1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  padding: var(--s-5);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
  isolation: isolate;
  min-height: 160px;
  transition: border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std);
}

.bex-1e7-9ca7e52ad1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(400px 200px at 100% 0%, rgba(215, 255, 58, 0.08), transparent 60%);
  z-index: -1;
}

.bex-1e7-9ca7e52ad1:hover { border-color: var(--line-strong); background: var(--bg-2); }

.bex-1e8-b96ce1b26f {
  background: linear-gradient(180deg, rgba(215, 255, 58, 0.08), var(--bg-1));
  border-color: rgba(215, 255, 58, 0.32);
}

.bex-1ed-6c58b77e63 {
  align-self: flex-start;
  padding: 3px 8px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: var(--r-xs);
  font-size: var(--t-2xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-1e8-b96ce1b26f .bex-1ed-6c58b77e63 { background: var(--accent-hot); }

.bex-1ec-7fbbbcece7 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-xl);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: var(--ink-1);
  line-height: 1.05;
  margin-top: var(--s-2);
}

.bex-1ea-d453c09fd4 {
  font-size: var(--t-sm);
  color: var(--ink-2);
  line-height: var(--lh-base);
}

.bex-1eb-489380ea74 {
  margin-top: auto;
  padding-top: var(--s-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--t-xs);
  color: var(--ink-3);
}

.bex-1e9-47e83bf3b7 {
  color: var(--accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.bex-1e9-47e83bf3b7::after { content: "→"; }

@media (max-width: 480px) {
  .bex-1e7-9ca7e52ad1 { padding: var(--s-4); min-height: 0; }
  .bex-1ec-7fbbbcece7 { font-size: var(--t-lg); }
  .bex-1eb-489380ea74 { padding-top: var(--s-2); }
}

/* Source: css/blocks/stats-bar.css */

.bex-1fb-4d86dd5908 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
}

.bex-202-19f8f9cba4 {
  padding: var(--s-4) var(--s-5);
  background: linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border-bottom: 1px solid var(--line);
}

.bex-203-0ed6888c0d {
  display: inline-flex; align-items: center; gap: var(--s-2);
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  font-weight: 600;
}

.bex-215-f0b06c0267 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--s-4);
  align-items: center;
  padding: var(--s-5) var(--s-5) var(--s-4);
}

@media (max-width: 720px) {
  .bex-215-f0b06c0267 { padding: var(--s-4); gap: var(--s-3); }
  .bex-212-da86b67bf5 { width: 48px; height: 48px; font-size: var(--t-md); }
  .bex-214-cb70cf3856 { font-size: var(--t-md); }
  .bex-216-ab45ce0109 { font-size: var(--t-2xl); }
  .bex-20e-99534dabb5 { font-size: 40px; }
  .bex-1fc-d0eb2f3617 { padding: 0 var(--s-2); }
}

.bex-20f-e206f3dfe4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-2);
  text-align: center;
  min-width: 0;
}

.bex-211-e576abfc19 { align-items: flex-start; text-align: left; }
.bex-210-a47276a1a3 { align-items: flex-end; text-align: right; }

.bex-212-da86b67bf5 {
  width: 64px; height: 64px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-xl);
  border: 1px solid var(--line-strong);
  background: var(--bg-2);
}

.bex-214-cb70cf3856 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-xl);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.1;
}

.bex-213-113c5883e0 {
  display: flex;
  gap: 3px;
  margin-top: 4px;
}

.bex-1fe-4c5b3af582 {
  width: 14px; height: 14px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
}
.bex-201-d3dfbfad99 { background: var(--up); color: var(--ink-on-accent); }
.bex-200-6083ecdddd { background: var(--down); }
.bex-1ff-81de73eb95 { background: var(--ink-mute); color: var(--ink-1); }

.bex-1fc-d0eb2f3617 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-2);
  padding: 0 var(--s-4);
  border-left: 1px solid var(--line-soft);
  border-right: 1px solid var(--line-soft);
}

.bex-216-ab45ce0109 {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-3xl);
  font-weight: 700;
  color: var(--ink-1);
  letter-spacing: -0.02em;
  line-height: 1;
}

.bex-217-b1d8210336 {
  color: var(--live);
}

.bex-1fd-df69ec45f8 {
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  font-weight: 600;
}

.bex-20e-99534dabb5 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 56px;
  line-height: 0.9;
  color: var(--ink-1);
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}

.bex-20e-99534dabb5 b { color: var(--accent); }

.bex-20c-30299a0cc5 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--bg-3);
  border-radius: var(--r-pill);
  font-size: var(--t-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  color: var(--ink-2);
}

.bex-20d-7c0d89a54f {
  background: var(--live);
  color: #fff;
}

.bex-20b-98803c7b11 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--s-3);
  padding: var(--s-4) var(--s-5);
  border-top: 1px solid var(--line-soft);
  background: var(--bg-inset);
}

@media (max-width: 480px) {
  .bex-20b-98803c7b11 { grid-template-columns: 1fr 1fr; }
}

.bex-204-67d89799d1 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bex-208-2d4a509793 {
  font-size: var(--t-2xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  color: var(--ink-3);
  font-weight: 700;
}

.bex-205-e0345d51ef {
  display: grid;
  grid-template-columns: 30px 1fr 30px;
  gap: var(--s-2);
  align-items: center;
}

.bex-209-b23f155d5c {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-sm);
  font-weight: 700;
  color: var(--ink-1);
}

.bex-20a-1f8efa5dcc {
  display: flex;
  height: 4px;
  background: var(--bg-3);
  border-radius: var(--r-pill);
  overflow: hidden;
}

.bex-206-650ca27a20 {
  background: var(--accent);
  transition: width var(--d-slow) var(--ease-decel);
}
.bex-207-1e9d6c39e6 { background: var(--down); }

/* Source: css/blocks/betslip.css */

.bex-030-75284a2718 {
  width: 100%;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: var(--sh-sheet);
  position: sticky;
  top: calc(var(--header-h) + var(--s-4));
  max-height: calc(100vh - var(--header-h) - var(--s-8));
}

.bex-03d-ef2e93cc22 {
  display: flex; align-items: center; gap: var(--s-3);
  padding: var(--s-4) var(--s-5);
  background: var(--bg-2);
  border-bottom: 1px solid var(--line);
}

.bex-058-8f840c4d80 {
  flex: 1;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-snug);
}

.bex-037-619dc9c7bf {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 22px; height: 22px;
  padding: 0 6px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: var(--r-pill);
  font-size: var(--t-xs);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.bex-036-be0e7c4b40 {
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  font-weight: 600;
  cursor: pointer;
  transition: color var(--d-fast) var(--ease-std);
}
.bex-036-be0e7c4b40:hover { color: var(--down); }

.bex-04f-b93aa07dec {
  display: flex;
  padding: 4px;
  margin: var(--s-3) var(--s-3) 0;
  background: var(--bg-inset);
  border-radius: var(--r-sm);
  gap: 2px;
}

.bex-04e-d1155dc40c {
  flex: 1;
  padding: 8px 10px;
  background: transparent;
  border-radius: 3px;
  font-size: var(--t-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  color: var(--ink-3);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std);
  text-align: center;
}
.bex-04e-d1155dc40c:hover { color: var(--ink-1); }
.bex-04e-d1155dc40c.bex-131-cff3cb6dfd {
  background: var(--bg-3);
  color: var(--ink-1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}
.bex-04e-d1155dc40c:disabled { opacity: 0.35; cursor: not-allowed; }

.bex-04d-f64edaec75 {
  flex: 1;
  overflow-y: auto;
  padding: var(--s-3);
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
}

.bex-03e-696107376c {
  position: relative;
  padding: var(--s-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  display: flex;
  flex-direction: column;
  gap: 4px;
  animation: leg-in var(--d-base) var(--ease-spring);
}

@keyframes leg-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}

.bex-03e-696107376c.bex-138-3f6a230575 { animation: leg-out var(--d-fast) var(--ease-accel) forwards; }
@keyframes leg-out {
  to { opacity: 0; transform: translateX(20px); }
}

.bex-03e-696107376c.bex-132-bc1766c59d {
  border-color: var(--warn);
  background: var(--warn-soft);
}

.bex-040-097c09a18f {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: var(--s-2);
  font-size: var(--t-xs);
  color: var(--ink-3);
}

.bex-041-4d4c43931e { color: var(--ink-2); font-weight: 600; }

.bex-047-b1ca669a2d {
  font-size: var(--t-sm);
  font-weight: 600;
  color: var(--ink-1);
}

.bex-042-b050e2efe9 {
  font-size: var(--t-xs);
  color: var(--ink-3);
}

.bex-03f-c2de8a57a7 {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--line-soft);
}

.bex-043-da5f5e6ada {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: var(--t-md);
  color: var(--accent);
}

.bex-045-082c45c62f { color: var(--up); }
.bex-044-f12ffb42e5 { color: var(--down); }

.bex-046-b7e95fe8b0 {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-decoration: line-through;
  margin-right: 4px;
}

.bex-048-f0ebae6993 {
  width: 22px; height: 22px;
  position: relative;
  border-radius: 50%;
  color: var(--ink-3);
  flex-shrink: 0;
}
.bex-048-f0ebae6993:hover { background: var(--bg-3); color: var(--down); }
.bex-048-f0ebae6993::before, .bex-048-f0ebae6993::after {
  content: ""; position: absolute;
  inset: 50% 50% auto auto;
  width: 10px; height: 1.5px;
  background: currentColor;
  transform-origin: right center;
}
.bex-048-f0ebae6993::before { transform: translateY(-50%) rotate(45deg); }
.bex-048-f0ebae6993::after { transform: translateY(-50%) rotate(-45deg); }

.bex-049-035bdc0012 {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  margin-top: 4px;
}

.bex-04a-fbf878299a {
  flex: 1;
  padding: 6px 10px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-xs);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-sm);
  font-weight: 600;
  color: var(--ink-1);
  text-align: right;
}
.bex-04a-fbf878299a:focus { border-color: var(--accent); outline: none; }

.bex-04b-0117f3b29c {
  margin-top: 4px;
  padding: 6px 8px;
  background: var(--warn-soft);
  color: var(--warn);
  border-radius: var(--r-xs);
  font-size: var(--t-xs);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.bex-04c-24fbe659cf {
  margin-left: auto;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.bex-038-4086e40b9b {
  padding: var(--s-8) var(--s-5);
  text-align: center;
}

.bex-03a-50f79b27f9 {
  width: 64px; height: 64px;
  margin: 0 auto var(--s-3);
  border-radius: 50%;
  background: var(--bg-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--line-strong);
  color: var(--ink-3);
}

.bex-03b-636f279e84 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-snug);
  color: var(--ink-1);
  margin-bottom: 4px;
}

.bex-039-5cec19fd08 {
  font-size: var(--t-sm);
  color: var(--ink-3);
  line-height: var(--lh-base);
  max-width: 240px;
  margin: 0 auto;
}

.bex-059-0eeb457fef {
  padding: var(--s-3) var(--s-4);
  background: var(--bg-2);
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bex-05d-b2593bb3d7 {
  display: flex; align-items: center; justify-content: space-between;
  font-size: var(--t-xs);
  color: var(--ink-3);
}

.bex-05d-b2593bb3d7 b {
  color: var(--ink-1);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.bex-05a-b893d356b1 {
  margin-top: var(--s-2);
  padding-top: var(--s-2);
  border-top: 1px solid var(--line);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.bex-05b-161d339c5f {
  font-size: var(--t-xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  color: var(--ink-2);
  font-weight: 600;
}

.bex-05c-d46413f417 {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: var(--t-2xl);
  color: var(--accent);
  letter-spacing: -0.02em;
}

.bex-055-5e714a26cd {
  padding: var(--s-3) var(--s-4);
  background: var(--bg-2);
  border-top: 1px solid var(--line);
  display: flex;
  align-items: stretch;
  gap: var(--s-2);
}

.bex-056-23d6fa7560 {
  display: inline-flex; align-items: center; padding: 0 12px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-right: 0;
  border-radius: var(--r-sm) 0 0 var(--r-sm);
  font-family: var(--font-mono);
  font-weight: 700;
  color: var(--ink-2);
}

.bex-057-42f447246a {
  flex: 1;
  padding: 12px 14px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-md);
  font-weight: 700;
  color: var(--ink-1);
  text-align: right;
}
.bex-057-42f447246a:focus { border-color: var(--accent); outline: none; }

.bex-053-bfdedfb2a8 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 0 var(--s-4) var(--s-3);
}

.bex-054-a49563443d {
  padding: 6px 4px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--r-xs);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-xs);
  font-weight: 600;
  color: var(--ink-2);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std), color var(--d-fast) var(--ease-std);
}
.bex-054-a49563443d:hover { background: var(--bg-4); color: var(--ink-1); border-color: var(--accent); }

.bex-034-0e243cc845 {
  padding: var(--s-3) var(--s-4) var(--s-4);
  background: var(--bg-2);
  border-top: 1px solid var(--line);
}

.bex-051-e8ba921f35 {
  width: 100%;
  padding: 14px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: var(--r-sm);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-md);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std), box-shadow var(--d-base) var(--ease-std);
  display: flex; align-items: center; justify-content: center; gap: var(--s-2);
}
.bex-051-e8ba921f35:hover { background: var(--accent-hot); box-shadow: var(--sh-glow); }
.bex-051-e8ba921f35:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
.bex-052-351b6868eb { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

.bex-035-ef6e309ddf {
  margin-top: 6px;
  font-size: var(--t-xs);
  color: var(--warn);
  display: flex;
  align-items: center;
  gap: 4px;
}

.bex-050-ba2a5c088f {
  font-size: var(--t-2xs);
  color: var(--ink-3);
  padding: var(--s-2) var(--s-4) var(--s-3);
  text-align: center;
  letter-spacing: var(--tr-wide);
}

.bex-032-8f77669833 {
  display: none;
  position: fixed;
  bottom: var(--s-4);
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--z-drawer);
  background: var(--accent);
  color: var(--ink-on-accent);
  padding: 12px 20px 12px 14px;
  border-radius: var(--r-pill);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-sm);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  box-shadow: var(--sh-raised);
  align-items: center;
  gap: var(--s-2);
}

.bex-033-a5006dccda {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 22px; height: 22px;
  padding: 0 6px;
  background: var(--ink-on-accent);
  color: var(--accent);
  border-radius: var(--r-pill);
  font-size: var(--t-xs);
  font-weight: 700;
}

@media (max-width: 1024px) {
  .bex-030-75284a2718 {
    position: fixed;
    inset: auto 0 0 0;
    width: 100%;
    max-width: none;
    max-height: 80vh;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    transform: translateY(calc(100% + 20px));
    transition: transform var(--d-slow) var(--ease-spring);
    z-index: var(--z-drawer);
  }
  .bex-030-75284a2718.bex-136-02bf675fa0 { transform: none; }
  .bex-032-8f77669833 { display: inline-flex; }
  .bex-032-8f77669833.bex-135-3dc9ab19d1 { display: none; }
}

.bex-03c-dc07eea2d9 {
  display: none;
  width: 40px; height: 4px;
  background: var(--ink-mute);
  border-radius: var(--r-pill);
  margin: 8px auto 0;
}

@media (max-width: 1024px) { .bex-03c-dc07eea2d9 { display: block; } }

/* Source: css/blocks/auth-form.css */

.bex-01c-c517d09313 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: calc(100vh - var(--header-h));
}

@media (max-width: 1024px) {
  .bex-01c-c517d09313 { grid-template-columns: 1fr; }
}

.bex-01d-07c111f3ea {
  padding: var(--s-12) var(--s-10);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 720px) {
  .bex-01d-07c111f3ea { padding: var(--s-8) var(--s-5); }
}

.bex-01e-feb15ac0c5 {
  background:
    radial-gradient(800px 500px at 90% 0%, rgba(215, 255, 58, 0.08), transparent 60%),
    linear-gradient(180deg, var(--bg-1), var(--bg-0));
  border-left: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}

.bex-01e-feb15ac0c5::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><path fill='none' stroke='%23ffffff' stroke-opacity='0.03' d='M0 40h80M40 0v80M0 0l80 80M80 0l-80 80'/></svg>");
  pointer-events: none;
}

@media (max-width: 1024px) {
  .bex-01e-feb15ac0c5 { display: none; }
}

.bex-006-6898611aac {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.bex-009-85c03600cc { margin-bottom: var(--s-8); }

.bex-013-c266df6a37 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-3xl);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.05;
}

.bex-012-106d4dbadf {
  margin-top: var(--s-2);
  font-size: var(--t-md);
  color: var(--ink-2);
  line-height: var(--lh-loose);
}

.bex-00b-c6719045e0 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-3);
}

@media (max-width: 480px) { .bex-00b-c6719045e0 { grid-template-columns: 1fr; } }

.bex-00c-b36717a23d { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 480px) { .bex-00c-b36717a23d { grid-template-columns: 1fr; } }

.bex-008-254310a9bf {
  margin: var(--s-6) 0 var(--s-4);
  display: flex;
  align-items: center;
  gap: var(--s-3);
  color: var(--ink-3);
  font-size: var(--t-xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-widest);
  font-weight: 700;
}
.bex-008-254310a9bf::before, .bex-008-254310a9bf::after {
  content: ""; flex: 1; height: 1px; background: var(--line);
}

.bex-00a-b0db1dc9fd {
  margin-top: var(--s-5);
  padding: var(--s-4);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  font-size: var(--t-xs);
  color: var(--ink-3);
  line-height: var(--lh-loose);
}
.bex-00a-b0db1dc9fd a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

.bex-00d-a6cf0ff9d4 {
  display: flex;
  gap: 3px;
  margin-top: 6px;
}
.bex-00d-a6cf0ff9d4 span {
  flex: 1;
  height: 3px;
  background: var(--bg-3);
  border-radius: 2px;
  transition: background var(--d-fast) var(--ease-std);
}
.bex-00e-81e103985b span:nth-child(-n+1) { background: var(--down); }
.bex-00f-a7a5fab954 span:nth-child(-n+2) { background: var(--warn); }
.bex-010-ef40970c07 span:nth-child(-n+3) { background: var(--up); }
.bex-011-c89d15804f span:nth-child(-n+4) { background: var(--accent); }

.bex-007-2480dcbdfd {
  margin-top: var(--s-4);
  text-align: center;
  font-size: var(--t-sm);
  color: var(--ink-2);
}
.bex-007-2480dcbdfd a { color: var(--accent); font-weight: 600; }

.bex-014-efacbc4bfd {
  position: relative;
  padding: var(--s-12) var(--s-10);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  z-index: 2;
}

.bex-015-b7fc3ae323 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--accent-soft);
  border: 1px solid var(--accent);
  border-radius: var(--r-pill);
  color: var(--accent);
  font-size: var(--t-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  width: max-content;
  margin-bottom: var(--s-5);
}

.bex-01b-cf76b7d35e {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(40px, 5vw, 60px);
  line-height: 0.98;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.bex-01b-cf76b7d35e b { color: var(--accent); }

.bex-01a-fbcb61799d {
  margin-top: var(--s-8);
  display: flex;
  flex-direction: column;
  gap: var(--s-4);
}

.bex-016-96d4c7fb86 {
  display: flex;
  gap: var(--s-3);
  align-items: flex-start;
}

.bex-018-f75a55224a {
  width: 36px; height: 36px; flex-shrink: 0;
  border-radius: var(--r-sm);
  background: var(--accent-soft);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bex-019-1d6b2b54d8 { font-weight: 600; color: var(--ink-1); }
.bex-017-f7c72c1f00 { font-size: var(--t-sm); color: var(--ink-3); margin-top: 2px; line-height: var(--lh-base); }

/* Source: css/blocks/inbox.css */

.bex-120-fab2c9a819 {
  display: grid;
  grid-template-columns: 220px 1fr;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--bg-1);
  overflow: hidden;
  min-height: 560px;
}

@media (max-width: 720px) {
  .bex-120-fab2c9a819 { grid-template-columns: 1fr; }
}

.bex-12b-33d676cb28 {
  background: var(--bg-inset);
  border-right: 1px solid var(--line);
  padding: var(--s-3);
}

.bex-121-9557d05c77 {
  width: 100%;
  margin-bottom: var(--s-3);
  padding: 12px;
  background: var(--accent);
  color: var(--ink-on-accent);
  border-radius: var(--r-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  font-size: var(--t-xs);
}

.bex-122-26ff60ddda {
  display: flex; align-items: center; gap: var(--s-2);
  padding: 8px 12px;
  border-radius: var(--r-sm);
  font-size: var(--t-sm);
  color: var(--ink-2);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std);
}
.bex-122-26ff60ddda:hover { background: var(--bg-2); color: var(--ink-1); }
.bex-122-26ff60ddda.bex-131-cff3cb6dfd { background: var(--bg-3); color: var(--ink-1); font-weight: 600; }
.bex-122-26ff60ddda svg { width: 14px; height: 14px; opacity: 0.7; }
.bex-123-d292bfc1c6 { margin-left: auto; font-size: var(--t-xs); color: var(--ink-3); }

.bex-12a-8e85275161 { display: flex; flex-direction: column; }

.bex-12c-a8a9afe07a {
  display: flex; align-items: center; gap: var(--s-3);
  padding: var(--s-3) var(--s-4);
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
}

.bex-129-adc3b180ca { flex: 1; overflow-y: auto; }

.bex-124-3df08e5f43 {
  display: grid;
  grid-template-columns: 22px 180px 1fr auto;
  gap: var(--s-3);
  align-items: center;
  padding: var(--s-3) var(--s-4);
  border-bottom: 1px solid var(--line-soft);
  cursor: pointer;
  transition: background var(--d-fast) var(--ease-std);
  font-size: var(--t-sm);
}
.bex-124-3df08e5f43:hover { background: var(--bg-2); }
.bex-124-3df08e5f43.bex-13a-5878f1ab9c { background: rgba(215, 255, 58, 0.04); border-left: 3px solid var(--accent); padding-left: calc(var(--s-4) - 3px); }
.bex-124-3df08e5f43.bex-13a-5878f1ab9c .bex-126-bb273ef250,
.bex-124-3df08e5f43.bex-13a-5878f1ab9c .bex-128-8e4f08f112 { color: var(--ink-1); font-weight: 700; }

.bex-127-2aa265ee85 {
  width: 16px; height: 16px;
  color: var(--ink-mute);
}

.bex-126-bb273ef250 { color: var(--ink-2); font-weight: 500; }
.bex-128-8e4f08f112 { color: var(--ink-2); }
.bex-128-8e4f08f112 b { color: var(--ink-1); font-weight: 600; margin-right: 6px; }
.bex-125-dad107baed { font-family: var(--font-mono); font-size: var(--t-xs); color: var(--ink-3); }

@media (max-width: 720px) {
  .bex-124-3df08e5f43 { grid-template-columns: 1fr auto; padding: var(--s-3); }
  .bex-127-2aa265ee85, .bex-126-bb273ef250 { display: none; }
  .bex-12b-33d676cb28 { display: none; }
  .bex-12c-a8a9afe07a { padding: var(--s-3); flex-wrap: wrap; }
  .bex-0c4-6df33cad60 { padding: var(--s-5) var(--s-4); }
  .bex-0ca-0feb1cec86 { padding: var(--s-4); }
  .bex-0cb-c13cf0aacc { font-size: var(--t-xl); }
}

.bex-0c3-df22ed2601 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
  max-width: 720px;
  margin: 0 auto;
}

.bex-0ca-0feb1cec86 {
  padding: var(--s-5) var(--s-6);
  border-bottom: 1px solid var(--line);
  background: var(--bg-2);
}

.bex-0c6-5061d0f0b7 {
  display: flex; align-items: center; gap: var(--s-3);
  margin-bottom: var(--s-3);
}
.bex-0c7-8fc5906462 {
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--ink-on-accent);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
}
.bex-0c9-1a0e43dacb { font-weight: 700; }
.bex-0c8-a8a86f3f06 { font-size: var(--t-xs); color: var(--ink-3); font-family: var(--font-mono); }
.bex-0c5-7724229665 { margin-left: auto; font-size: var(--t-xs); color: var(--ink-3); }
.bex-0cb-c13cf0aacc {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-2xl);
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

.bex-0c4-6df33cad60 {
  padding: var(--s-8) var(--s-6);
  background: #FFFFFF;
  color: #1A1A1A;
  font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

.bex-0bc-9fe2b58a79 {
  max-width: 600px;
  margin: 0 auto;
  background: #FFFFFF;
  color: #1A1A1A;
  font-size: 14px;
  line-height: 1.6;
}

.bex-0c1-10a6c78975 {
  padding: 24px;
  background: #0B0E14;
  text-align: center;
}
.bex-0c1-10a6c78975 img { height: 28px; margin: 0 auto; }

.bex-0c2-9cfd47d5cc { padding: 32px 24px; }

.bex-0c0-9c132e1e33 { font-size: 16px; font-weight: 700; margin-bottom: 16px; color: #0B0E14; }

.bex-0bd-e71ffa2f5a {
  display: inline-block;
  margin: 24px 0;
  padding: 14px 28px;
  background: #D7FF3A;
  color: #0B0E14 !important;
  text-decoration: none;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bex-0be-9a13929dba { border: 0; border-top: 1px solid #E5E7EC; margin: 24px 0; }

.bex-0bf-36fc2edf39 {
  padding: 24px;
  background: #F5F6F9;
  font-size: 11px;
  color: #6E768E;
  text-align: center;
  line-height: 1.5;
}
.bex-0bf-36fc2edf39 a { color: #6E768E; text-decoration: underline; }

.bex-268-f6e55aaf81 {
  text-align: center;
  padding: var(--s-16) var(--s-5);
  max-width: 520px;
  margin: 0 auto;
}
.bex-26a-880d0faffa {
  width: 96px; height: 96px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--ink-on-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--s-5);
  box-shadow: var(--sh-glow);
  animation: u-rise-in var(--d-expr) var(--ease-spring);
}
.bex-26a-880d0faffa svg { width: 44px; height: 44px; }

.bex-26b-473a8619b6 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-3xl);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-bottom: var(--s-3);
}

.bex-269-b7c1d8257d {
  font-size: var(--t-md);
  color: var(--ink-2);
  line-height: var(--lh-loose);
  margin-bottom: var(--s-6);
}

/* Source: css/blocks/content-page.css */

.bex-09a-9d04871704 { max-width: 760px; margin: 0 auto; padding: var(--s-6) 0 var(--s-16); }
.bex-09b-5710ec7c14 { max-width: 1080px; }

@media (max-width: 720px) {
  .bex-09a-9d04871704 { padding: var(--s-4) 0 var(--s-10); }
  .bex-09a-9d04871704 h1 { font-size: var(--t-2xl); }
  .bex-09a-9d04871704 h2 { font-size: var(--t-xl); margin-top: var(--s-6); }
  .bex-09a-9d04871704 h3 { font-size: var(--t-lg); }
  .bex-09a-9d04871704 p, .bex-09a-9d04871704 li { font-size: var(--t-base); }
  .bex-0a1-a6109dcaee { font-size: var(--t-md); }
  .bex-0a0-d6c5a58e50 { margin: var(--s-6) 0; }
  .bex-09c-70b6d100a1 { padding: var(--s-4); margin: var(--s-4) 0; }
}

.bex-09a-9d04871704 h1, .bex-09a-9d04871704 h2, .bex-09a-9d04871704 h3, .bex-09a-9d04871704 h4 {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-top: var(--s-8);
  margin-bottom: var(--s-3);
  color: var(--ink-1);
  line-height: 1.1;
}

.bex-09a-9d04871704 > h1:first-child { margin-top: 0; }

.bex-09a-9d04871704 h1 { font-size: var(--t-3xl); }
.bex-09a-9d04871704 h2 { font-size: var(--t-2xl); }
.bex-09a-9d04871704 h3 { font-size: var(--t-xl); }
.bex-09a-9d04871704 h4 { font-size: var(--t-lg); }

.bex-09a-9d04871704 p, .bex-09a-9d04871704 li {
  font-size: var(--t-md);
  line-height: var(--lh-loose);
  color: var(--ink-2);
}
.bex-09a-9d04871704 p { margin-bottom: var(--s-3); }
.bex-09a-9d04871704 strong { color: var(--ink-1); font-weight: 600; }
.bex-09a-9d04871704 a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

.bex-09a-9d04871704 ul, .bex-09a-9d04871704 ol { padding-left: 24px; margin-bottom: var(--s-4); }
.bex-09a-9d04871704 ul li { list-style: disc; }
.bex-09a-9d04871704 ol li { list-style: decimal; }
.bex-09a-9d04871704 li { margin-bottom: 6px; }

.bex-0a1-a6109dcaee {
  font-size: var(--t-lg);
  color: var(--ink-1);
  line-height: var(--lh-loose);
  font-weight: 500;
}

.bex-0a2-0c906b7c57 {
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  margin-bottom: var(--s-3);
}

.bex-0a0-d6c5a58e50 { border: 0; border-top: 1px solid var(--line); margin: var(--s-8) 0; }

.bex-09c-70b6d100a1 {
  padding: var(--s-5);
  background: var(--bg-2);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-md);
  margin: var(--s-5) 0;
}
.bex-09d-061221c742 { border-left-color: var(--warn); background: var(--warn-soft); }

.bex-09e-14dc9e81b6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-3);
  margin-top: var(--s-6);
}
@media (max-width: 720px) { .bex-09e-14dc9e81b6 { grid-template-columns: 1fr; } }
.bex-09f-e588203326 {
  padding: var(--s-5);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
}
.bex-09f-e588203326 h4 { margin-top: 0; }

/* Source: css/blocks/live-feed.css */

.bex-193-fce5ba4516 {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: var(--s-6);
  margin-top: var(--s-5);
  align-items: start;
}

@media (max-width: 1024px) {
  .bex-193-fce5ba4516 { grid-template-columns: 1fr; }
}

.bex-17d-ae02d21762 {
  background: linear-gradient(135deg, rgba(255, 61, 92, 0.10), transparent 60%), var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: var(--s-5) var(--s-6);
  display: flex;
  align-items: center;
  gap: var(--s-5);
  margin-bottom: var(--s-5);
}

.bex-181-7a267580ca {
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--live);
  flex-shrink: 0;
  position: relative;
}
.bex-181-7a267580ca::before, .bex-181-7a267580ca::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid var(--live);
  animation: live-ring 1.8s var(--ease-decel) infinite;
}
.bex-181-7a267580ca::after { animation-delay: 0.9s; }
@keyframes live-ring {
  0% { transform: scale(1); opacity: 0.7; }
  100% { transform: scale(3); opacity: 0; }
}

.bex-182-8d8ccacf8e {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-2xl);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  flex: 1;
}
.bex-182-8d8ccacf8e b { color: var(--live); }

.bex-17e-acbf880587 {
  display: flex; flex-direction: column; align-items: flex-end;
  font-family: var(--font-mono);
}
.bex-180-bdf7f005a5 {
  font-size: var(--t-2xl);
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.bex-17f-d2268783da {
  font-size: var(--t-2xs);
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
  margin-top: 4px;
  font-family: var(--font-body);
}

.bex-17c-ece8d3a45a {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: var(--s-3);
}

@media (max-width: 720px) {
  .bex-17c-ece8d3a45a { grid-template-columns: 1fr; }
  .bex-17d-ae02d21762 { padding: var(--s-4); gap: var(--s-3); flex-wrap: wrap; }
  .bex-182-8d8ccacf8e { font-size: var(--t-xl); flex: 1 1 100%; }
}

.bex-183-d181840620 {
  position: relative;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: var(--s-4);
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  transition: border-color var(--d-fast) var(--ease-std), background var(--d-fast) var(--ease-std);
  overflow: hidden;
}

.bex-183-d181840620:hover { border-color: var(--line-strong); background: var(--bg-2); }

.bex-185-af8ab9181b {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-2);
  font-size: var(--t-xs);
  color: var(--ink-3);
}

.bex-186-b8688e1b50 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
  color: var(--ink-2);
}

.bex-18b-6224fcb1bc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  background: var(--live-soft);
  color: var(--live);
  border-radius: var(--r-pill);
  font-weight: 700;
  font-size: var(--t-2xs);
  text-transform: uppercase;
  letter-spacing: var(--tr-wider);
}
.bex-18b-6224fcb1bc::before {
  content: "";
  width: 5px; height: 5px;
  background: var(--live);
  border-radius: 50%;
  animation: chip-blink 1s var(--ease-std) infinite;
}

.bex-184-e6ee729c5d {
  font-family: var(--font-mono);
  font-weight: 700;
  color: var(--live);
  font-variant-numeric: tabular-nums;
}

.bex-192-ba5e82d550 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--s-3);
  align-items: center;
  padding: var(--s-2) 0;
}

.bex-18e-a35ecf2896 { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
.bex-18f-5e253c629f { justify-content: flex-end; text-align: right; }

.bex-190-62e0d1d846 {
  width: 28px; height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-2xs);
  flex-shrink: 0;
  border: 1px solid var(--line);
}

.bex-191-6a4ff6b683 {
  font-weight: 600;
  font-size: var(--t-sm);
  color: var(--ink-1);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.bex-18c-a2e20b5110 {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: var(--t-2xl);
  color: var(--ink-1);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  padding: 0 var(--s-3);
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
.bex-18d-ecb8d5e699 { color: var(--ink-3); font-weight: 400; font-size: var(--t-md); }

.bex-188-46ec854bb4 {
  display: grid;
  gap: var(--s-1);
  margin-top: auto;
}
.bex-18a-cf8dd1f756 { grid-template-columns: repeat(3, 1fr); }
.bex-189-68a70975bd { grid-template-columns: repeat(2, 1fr); }

.bex-187-4f7024c04d {
  display: flex; align-items: center; justify-content: space-between;
  font-size: var(--t-xs);
  color: var(--ink-3);
  padding-top: var(--s-2);
  border-top: 1px solid var(--line-soft);
}
.bex-187-4f7024c04d a { color: var(--accent); font-weight: 600; }

.bex-16b-3e7dd09ea7 {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
  position: sticky;
  top: calc(var(--header-h) + var(--s-4));
  max-height: calc(100vh - var(--header-h) - var(--s-8));
  display: flex;
  flex-direction: column;
}

@media (max-width: 1024px) {
  .bex-16b-3e7dd09ea7 { position: static; max-height: 480px; }
}

.bex-16e-e6f6fbfce8 {
  padding: var(--s-3) var(--s-4);
  background: var(--bg-2);
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: var(--s-2);
}

.bex-17a-caca5470f5 {
  flex: 1;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--t-sm);
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-177-170901e0b1 {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--live);
  animation: chip-blink 1.4s var(--ease-std) infinite;
}

.bex-176-22f02d5f74 {
  flex: 1;
  overflow-y: auto;
  padding: var(--s-2);
  scrollbar-width: thin;
}

.bex-170-33d71a12d1 {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  gap: var(--s-2);
  padding: var(--s-3);
  border-radius: var(--r-sm);
  margin-bottom: 4px;
  background: var(--bg-2);
  border-left: 2px solid var(--line);
  animation: feed-in var(--d-slow) var(--ease-spring);
  font-size: var(--t-xs);
}

@keyframes feed-in {
  from { opacity: 0; transform: translateY(-8px); background: var(--accent-soft); border-left-color: var(--accent); }
  to { opacity: 1; transform: none; }
}

.bex-172-5b1e663fd4, .bex-173-851610a7ae { border-left-color: var(--up); }
.bex-171-fb4f484b3f, .bex-174-7ecb98fc6a { border-left-color: var(--down); }

.bex-16f-b72b18981d {
  width: 26px; height: 26px;
  border-radius: 50%;
  background: var(--bg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: var(--font-mono);
  color: var(--ink-1);
}

.bex-16c-1d01c8fcfa { min-width: 0; }
.bex-175-a4fa713db0 {
  font-size: var(--t-xs);
  color: var(--ink-1);
  font-weight: 500;
  line-height: 1.35;
}
.bex-175-a4fa713db0 b { color: var(--accent); font-weight: 700; }
.bex-178-252a0209c1 {
  font-size: var(--t-2xs);
  color: var(--ink-3);
  margin-top: 2px;
  text-transform: uppercase;
  letter-spacing: var(--tr-wide);
}

.bex-179-23f2e1bbcb {
  font-family: var(--font-mono);
  font-size: var(--t-2xs);
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  align-self: flex-start;
  margin-top: 2px;
}

.bex-16d-66f0efaba8 {
  padding: var(--s-8) var(--s-4);
  text-align: center;
  color: var(--ink-3);
  font-size: var(--t-xs);
}

.bex-17b-5f05a645b0 {
  display: flex;
  gap: 6px;
  padding: var(--s-3) 0;
  flex-wrap: wrap;
}

/* Source: css/betestate-theme.css */

/* BetEstate visual system. Footer intentionally inherits the original Pickie styles. */

html,
body {
  background: #eef3f9;
}

body {
  background-image:
    radial-gradient(circle at 12% 4%, rgba(36, 87, 255, 0.10), transparent 26rem),
    radial-gradient(circle at 88% 18%, rgba(0, 182, 163, 0.09), transparent 24rem),
    linear-gradient(180deg, #f7f9fd 0, #eef3f9 46rem, #eaf0f7 100%);
  background-attachment: fixed;
}

.bex-146-2953f16999 > main {
  --bg-0: #eef3f9;
  --bg-1: #ffffff;
  --bg-2: #f7f9fc;
  --bg-3: #edf2f8;
  --bg-4: #dde6f2;
  --bg-inset: #e8eef7;
  --bg-overlay: rgba(5, 16, 39, 0.66);
  --line: #dbe3ef;
  --line-strong: #c4d0e0;
  --line-soft: rgba(15, 34, 65, 0.08);
  --line-hairline: rgba(15, 34, 65, 0.05);
  --ink-1: #101d35;
  --ink-2: #52627b;
  --ink-3: #78869a;
  --ink-mute: #a0adbd;
  --ink-on-accent: #ffffff;
  --accent: #2457ff;
  --accent-hot: #3f6cff;
  --accent-deep: #173db9;
  --accent-soft: rgba(36, 87, 255, 0.11);
  --accent-glow: rgba(36, 87, 255, 0.28);
  --up: #00a991;
  --up-soft: rgba(0, 169, 145, 0.12);
  --down: #e94062;
  --down-soft: rgba(233, 64, 98, 0.12);
  --warn: #d98718;
  --warn-soft: rgba(217, 135, 24, 0.12);
  --live: #f02f57;
  --live-soft: rgba(240, 47, 87, 0.12);
  --lock: #8794a8;
  --sh-sheet: 0 1px 0 rgba(255,255,255,.75) inset, 0 12px 30px rgba(32, 52, 82, .08);
  --sh-raised: 0 24px 70px rgba(32, 52, 82, .15), 0 4px 14px rgba(32, 52, 82, .08);
  --sh-glow: 0 0 0 1px rgba(36, 87, 255, .25), 0 12px 32px rgba(36, 87, 255, .19);
  color: var(--ink-1);
  font-family: "Segoe UI Variable", "Aptos", "Inter", system-ui, sans-serif;
}

.bex-0f6-e84531c78f,
.bex-219-0136d9e64b,
.bex-0b0-5e5a67b08e,
.bex-098-e822bc2d9a {
  --bg-0: #06132b;
  --bg-1: #091936;
  --bg-2: #102348;
  --bg-3: #17305d;
  --bg-4: #1c3b72;
  --bg-inset: #041024;
  --line: rgba(255,255,255,.11);
  --line-strong: rgba(255,255,255,.20);
  --line-soft: rgba(255,255,255,.07);
  --ink-1: #ffffff;
  --ink-2: #c7d5ef;
  --ink-3: #8fa2c5;
  --ink-mute: #64789e;
  --ink-on-accent: #ffffff;
  --accent: #4d7cff;
  --accent-hot: #72a0ff;
  --accent-deep: #2855d7;
  --accent-soft: rgba(77,124,255,.17);
  --accent-glow: rgba(77,124,255,.35);
  font-family: "Segoe UI Variable", "Aptos", "Inter", system-ui, sans-serif;
}

.bex-0f6-e84531c78f {
  height: 72px;
  background:
    linear-gradient(90deg, rgba(8, 26, 58, .98), rgba(6, 19, 43, .96)),
    #06132b;
  border-bottom-color: rgba(255,255,255,.09);
  box-shadow: 0 12px 35px rgba(3, 12, 30, .18);
}

.bex-0ff-4e0ea36a49 {
  gap: 30px;
}

.bex-0fe-c08a4b26fe {
  height: 42px;
}

.bex-0fd-3e50cd7d89:hover {
  transform: translateY(-1px) scale(1.01);
}

.bex-102-bce24c080d input {
  min-height: 42px;
  padding-left: 42px;
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.12);
  border-radius: 14px;
  color: #fff;
}

.bex-102-bce24c080d input:focus {
  background: rgba(255,255,255,.11);
  border-color: #5e8aff;
  box-shadow: 0 0 0 4px rgba(77,124,255,.14);
}

.bex-102-bce24c080d::before {
  left: 15px;
  border-color: #9db0d1;
}

.bex-102-bce24c080d::after {
  left: 25px;
  background: #9db0d1;
}

.bex-1c6-392f724668 {
  gap: 5px;
}

.bex-1c7-ff267b321b {
  border-radius: 11px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.bex-1c7-ff267b321b:hover,
.bex-1c7-ff267b321b.bex-131-cff3cb6dfd {
  background: rgba(255,255,255,.09);
  color: #fff;
}

.bex-1c7-ff267b321b.bex-131-cff3cb6dfd::after {
  left: 12px;
  right: 12px;
  bottom: 4px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #4d7cff, #00c6ad);
}

.bex-0f6-e84531c78f .bex-063-fc6cdfa717,
.bex-0b0-5e5a67b08e .bex-063-fc6cdfa717 {
  min-height: 40px;
  border-radius: 12px;
  text-transform: none;
  letter-spacing: 0;
  font-family: inherit;
  font-weight: 700;
}

.bex-0f6-e84531c78f .bex-06a-8ec78b5dc7,
.bex-0b0-5e5a67b08e .bex-06a-8ec78b5dc7 {
  background: linear-gradient(135deg, #4d7cff 0%, #2457ff 54%, #00a992 150%);
  box-shadow: 0 10px 25px rgba(36, 87, 255, .28);
}

.bex-0f6-e84531c78f .bex-066-4d8d45fe59 {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.14);
}

.bex-098-e822bc2d9a {
  background: #041024;
  border-color: rgba(255,255,255,.06);
  color: #8398bd;
}

.bex-099-8e3a151879 {
  color: #c9d5eb;
}

.bex-219-0136d9e64b {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid #dce5f0;
  box-shadow: 0 7px 22px rgba(35, 55, 85, .06);
  --ink-1: #101d35;
  --ink-2: #52627b;
  --ink-3: #77869b;
  --line: #dce5f0;
  --accent: #2457ff;
  --accent-soft: rgba(36,87,255,.10);
}

.bex-21b-c7df7dc18a {
  min-height: 54px;
  gap: 8px;
}

.bex-21c-e8925250be {
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 12px;
  font-weight: 700;
  color: #64738a;
}

.bex-21c-e8925250be:hover,
.bex-21c-e8925250be.bex-131-cff3cb6dfd {
  background: #edf3ff;
  color: #2457ff;
}

.bex-21c-e8925250be.bex-131-cff3cb6dfd::after {
  display: none;
}

.bex-21d-6b1b1add74 {
  filter: none;
  opacity: .72;
}

.bex-146-2953f16999 > main .bex-063-fc6cdfa717 {
  min-height: 42px;
  border-radius: 13px;
  font-family: inherit;
  font-weight: 750;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
}

.bex-146-2953f16999 > main .bex-06a-8ec78b5dc7 {
  background: linear-gradient(135deg, #2457ff 0%, #4175ff 65%, #00a992 160%);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 12px 26px rgba(36,87,255,.20);
}

.bex-146-2953f16999 > main .bex-06a-8ec78b5dc7:hover {
  background: linear-gradient(135deg, #173fbf, #2457ff 70%, #00a992 170%);
  box-shadow: 0 16px 32px rgba(36,87,255,.26);
  transform: translateY(-1px);
}

.bex-146-2953f16999 > main .bex-066-4d8d45fe59,
.bex-146-2953f16999 > main .bex-069-4942372171 {
  background: #fff;
  border-color: #cfd9e7;
  color: #25344e;
}

.bex-146-2953f16999 > main .bex-066-4d8d45fe59:hover,
.bex-146-2953f16999 > main .bex-069-4942372171:hover {
  background: #f3f7ff;
  border-color: #9eb5df;
  color: #2457ff;
}

.bex-104-c907742f39 {
  padding-block: 64px 54px;
}

.bex-104-c907742f39::before {
  inset: 20px var(--grid-gutter) 0;
  border-radius: 34px;
  background:
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.18), transparent 19rem),
    radial-gradient(circle at 86% 22%, rgba(0,198,173,.22), transparent 22rem),
    linear-gradient(126deg, #0a1d43 0%, #123373 50%, #2457ff 100%);
  box-shadow: 0 30px 80px rgba(20, 49, 108, .22);
}

.bex-104-c907742f39::after {
  inset: 20px var(--grid-gutter) 0;
  border-radius: 34px;
  opacity: .55;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 75%);
  mask-image: linear-gradient(90deg, #000, transparent 75%);
}

.bex-113-a876db8590 {
  position: relative;
  z-index: 2;
  padding: 32px 36px 30px;
  gap: 50px;
}

.bex-106-7965a0ef02 {
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.18);
  color: #cfe0ff;
  border-radius: 12px;
  backdrop-filter: blur(8px);
}

.bex-119-5421987abc {
  max-width: 780px;
  font-family: "Segoe UI Variable Display", "Aptos Display", system-ui, sans-serif;
  font-size: clamp(44px, 6.8vw, 88px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.055em;
  text-transform: none;
  color: #fff;
}

.bex-119-5421987abc b {
  color: #8ff4e6;
}

.bex-119-5421987abc b::after {
  height: .12em;
  bottom: .02em;
  background: rgba(143,244,230,.16);
}

.bex-118-1dd46b42f0 {
  color: #c2d3f0;
  font-size: 16px;
  max-width: 600px;
}

.bex-117-4999805af0 {
  gap: 42px;
}

.bex-116-d2f17e2f2b {
  color: #fff;
  font-family: "Segoe UI Variable Display", system-ui, sans-serif;
}

.bex-116-d2f17e2f2b b {
  color: #8ff4e6;
}

.bex-115-79e5342e5f {
  color: #9db1d4;
}

.bex-107-b9688c1938 {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(1,10,31,.28);
  color: #101d35;
  backdrop-filter: blur(16px);
}

.bex-109-5c803a3dfe,
.bex-10a-abaacb06c3 {
  color: #75859d;
}

.bex-111-17e52b7577 {
  font-family: "Segoe UI Variable Display", system-ui, sans-serif;
  text-transform: none;
  color: #101d35;
}

.bex-110-0275df8b8e {
  border-color: #e3e9f2;
}

.bex-10f-a83a1e8002 {
  color: #101d35;
}

.bex-112-55a54c2951 {
  color: #8290a4;
}

.bex-107-b9688c1938 .bex-1c8-cf9800c907 {
  background: #f4f7fc;
  border-color: #dce5f1;
}

.bex-107-b9688c1938 .bex-1c8-cf9800c907:hover,
.bex-107-b9688c1938 .bex-1cc-19ab6886f6 {
  background: #eaf0ff;
  border-color: #2457ff;
}

.bex-146-2953f16999 > main .bex-073-7e2aec0b86,
.bex-146-2953f16999 > main .bex-1e0-4ccffd820c,
.bex-146-2953f16999 > main .bex-1a6-b66bbf2817,
.bex-146-2953f16999 > main .bex-194-b74695aaf5,
.bex-146-2953f16999 > main .bex-1fb-4d86dd5908,
.bex-146-2953f16999 > main .bex-006-6898611aac,
.bex-146-2953f16999 > main .bex-09f-e588203326,
.bex-146-2953f16999 > main .bex-0d6-857b05ab30,
.bex-146-2953f16999 > main .bex-162-3a99427b38 {
  border-radius: 17px;
  border-color: #dce4ef;
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 28px rgba(32,52,82,.07);
}

.bex-146-2953f16999 > main .bex-077-ab029c2ec6:hover,
.bex-146-2953f16999 > main .bex-1a6-b66bbf2817:hover {
  border-color: #b9c8df;
  box-shadow: 0 18px 44px rgba(32,52,82,.13);
  transform: translateY(-2px);
}

.bex-146-2953f16999 > main .bex-07e-b6794f254a,
.bex-146-2953f16999 > main .bex-1a1-47ff95a8bb,
.bex-146-2953f16999 > main .bex-1e4-3ce6821802 {
  background: linear-gradient(180deg, #fbfcff, #f6f9fd);
  border-color: #dce4ef;
}

.bex-089-0586204d78,
.bex-224-ecf8d6a0a9,
.bex-080-e81e1f2cef,
.bex-1a5-d721fb070b,
.bex-218-3c5ce84c28,
.bex-0a4-33c25ed124,
.bex-013-c266df6a37,
.bex-01b-cf76b7d35e {
  font-family: "Segoe UI Variable Display", "Aptos Display", system-ui, sans-serif;
  letter-spacing: -.025em;
  text-transform: none;
}

.bex-089-0586204d78 b,
.bex-224-ecf8d6a0a9 b,
.bex-01b-cf76b7d35e b {
  color: #2457ff;
}

.bex-239-554b256b23 {
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dce4ef;
  box-shadow: 0 10px 26px rgba(32,52,82,.06);
}

.bex-23f-864a2c1e94 {
  color: #fff;
  background: linear-gradient(135deg, #f02f57, #dc244d);
}

.bex-1e6-4aede292df {
  background: linear-gradient(100deg, #0c244f, #163d82);
  border: 0;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(18, 54, 117, .18);
}

.bex-1e6-4aede292df,
.bex-1e6-4aede292df * {
  color: #fff;
}

.bex-1e6-4aede292df .bex-063-fc6cdfa717 {
  background: #fff;
  color: #173d82;
}

.bex-1c8-cf9800c907 {
  min-height: 48px;
  border-radius: 12px;
  background: #f5f8fc;
  border-color: #dce4ef;
}

.bex-1c8-cf9800c907:hover {
  background: #edf3ff;
  border-color: #93aef0;
  box-shadow: 0 8px 20px rgba(36,87,255,.10);
  transform: translateY(-1px);
}

.bex-1cc-19ab6886f6 {
  background: #2457ff;
  border-color: #2457ff;
  color: #fff;
  box-shadow: 0 10px 26px rgba(36,87,255,.24);
}

.bex-1cc-19ab6886f6 .bex-1d0-b61f38d24f,
.bex-1cc-19ab6886f6 .bex-1d2-7967edb5e0 {
  color: #fff;
}

.bex-1a6-b66bbf2817 {
  overflow: hidden;
}

.bex-1a9-291a6161a5 {
  background: #f5f8fc;
  border-color: #e0e7f1;
}

.bex-1a8-55e601e702 {
  border-color: rgba(240,47,87,.38);
  box-shadow: 0 13px 34px rgba(240,47,87,.10);
}

.bex-1b2-881b72ef5a,
.bex-212-da86b67bf5 {
  border-radius: 12px;
  border: 1px solid rgba(15,34,65,.08);
}

.bex-1ad-f946abcb01 {
  border-color: #e2e8f1;
  background: #fbfcfe;
}

.bex-1af-c0e7f732b7,
.bex-231-2cf9e619cf {
  color: #2457ff;
}

.bex-194-b74695aaf5 {
  overflow: hidden;
}

.bex-1a1-47ff95a8bb {
  min-height: 54px;
}

.bex-1a0-1ef9737b92 {
  gap: 10px;
}

.bex-0d6-857b05ab30,
.bex-162-3a99427b38 {
  padding: 8px;
}

.bex-0d8-034b40953c,
.bex-166-830eb089a7 {
  border-radius: 11px;
}

.bex-0d8-034b40953c:hover,
.bex-0d8-034b40953c.bex-131-cff3cb6dfd,
.bex-166-830eb089a7:hover,
.bex-166-830eb089a7.bex-131-cff3cb6dfd {
  background: #edf3ff;
  color: #2457ff;
}

.bex-0d8-034b40953c.bex-131-cff3cb6dfd,
.bex-166-830eb089a7.bex-131-cff3cb6dfd {
  box-shadow: inset 0 0 0 1px rgba(36,87,255,.16);
}

.bex-05e-239870b04d {
  color: #77869a;
}

.bex-05e-239870b04d a:hover {
  color: #2457ff;
}

.bex-1fb-4d86dd5908 {
  background:
    radial-gradient(circle at 10% 12%, rgba(36,87,255,.10), transparent 20rem),
    #fff;
}

.bex-20e-99534dabb5 {
  color: #2457ff;
}

.bex-01c-c517d09313 {
  min-height: 730px;
  background: transparent;
}

.bex-01d-07c111f3ea {
  background: transparent;
}

.bex-006-6898611aac {
  padding: 36px;
}

.bex-01e-feb15ac0c5 {
  background:
    radial-gradient(circle at 72% 22%, rgba(0,198,173,.23), transparent 21rem),
    linear-gradient(145deg, #07162f 0%, #123373 65%, #2457ff 100%);
}

.bex-015-b7fc3ae323 {
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.15);
  color: #cfe0ff;
}

.bex-01b-cf76b7d35e,
.bex-01e-feb15ac0c5 .bex-21e-e8f4ffa46a {
  color: #fff;
}

.bex-01e-feb15ac0c5 .bex-220-0d9869b509 {
  color: #bdd0ef;
}

.bex-12d-1a6f1604f8,
.bex-1f2-1f6633de3e,
textarea.bex-12d-1a6f1604f8 {
  min-height: 46px;
  background: #f8fafd;
  border-color: #d6e0ed;
  border-radius: 12px;
  color: #101d35;
}

.bex-12d-1a6f1604f8:focus,
.bex-1f2-1f6633de3e:focus,
textarea.bex-12d-1a6f1604f8:focus {
  background: #fff;
  border-color: #2457ff;
  box-shadow: 0 0 0 4px rgba(36,87,255,.10);
}

.bex-08e-54fca9dbba {
  border-radius: 6px;
  border-color: #b9c7d9;
}

.bex-08c-506ce7bbc3 input:checked + .bex-08e-54fca9dbba {
  background: #2457ff;
  border-color: #2457ff;
}

.bex-09a-9d04871704 {
  background: transparent;
}

.bex-0a1-a6109dcaee,
.bex-0a3-136148d613 {
  border-radius: 15px;
}

.bex-004-43184d8824 {
  background: #fff;
  border-color: #dce4ef;
  border-radius: 14px;
  overflow: hidden;
}

.bex-004-43184d8824 + .bex-004-43184d8824 {
  margin-top: 9px;
}

.bex-16b-3e7dd09ea7 {
  border-radius: 18px;
  background: #fff;
  border-color: #dce4ef;
  box-shadow: 0 12px 30px rgba(32,52,82,.08);
}

/* Floating / rail bet slip uses the BetEstate dark treatment. */
#betslip-mount,
#betslip-toggle,
.bex-1b8-fab3f630e2,
.bex-0a5-867889abb9,
.bex-247-e8418bc598 {
  --bg-0: #06132b;
  --bg-1: #0a1a38;
  --bg-2: #102348;
  --bg-3: #17305d;
  --bg-4: #20417a;
  --bg-inset: #041024;
  --line: rgba(255,255,255,.12);
  --line-strong: rgba(255,255,255,.21);
  --line-soft: rgba(255,255,255,.07);
  --ink-1: #ffffff;
  --ink-2: #c7d5ef;
  --ink-3: #91a5c8;
  --ink-mute: #677da4;
  --ink-on-accent: #ffffff;
  --accent: #4d7cff;
  --accent-hot: #6f98ff;
  --accent-deep: #2855d7;
  --accent-soft: rgba(77,124,255,.17);
  --accent-glow: rgba(77,124,255,.35);
  --up: #2ed9bd;
  --up-soft: rgba(46,217,189,.14);
  --down: #ff6684;
  --down-soft: rgba(255,102,132,.14);
  --warn: #ffc160;
  --warn-soft: rgba(255,193,96,.15);
  --live: #ff4f72;
  --live-soft: rgba(255,79,114,.16);
  color: #fff;
  font-family: "Segoe UI Variable", "Aptos", system-ui, sans-serif;
}

.bex-030-75284a2718 {
  border-radius: 18px;
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 28px 80px rgba(2,10,27,.32);
}

.bex-03d-ef2e93cc22 {
  background: linear-gradient(135deg, #102b5f, #0b1d40);
}

.bex-058-8f840c4d80,
.bex-03b-636f279e84,
.bex-051-e8ba921f35 {
  font-family: "Segoe UI Variable Display", system-ui, sans-serif;
  text-transform: none;
  letter-spacing: -.01em;
}

.bex-037-619dc9c7bf,
.bex-051-e8ba921f35,
.bex-032-8f77669833 {
  background: linear-gradient(135deg, #4d7cff, #2457ff);
  color: #fff;
}

.bex-04e-d1155dc40c,
.bex-054-a49563443d,
.bex-03e-696107376c,
.bex-057-42f447246a,
.bex-04a-fbf878299a {
  border-radius: 10px;
}

.bex-04e-d1155dc40c.bex-131-cff3cb6dfd {
  background: #20417a;
}

.bex-051-e8ba921f35 {
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(36,87,255,.28);
}

.bex-031-0b59ff7dcd {
  position: fixed;
  top: 92px;
  right: 18px;
  width: min(360px, calc(100vw - 36px));
  z-index: 38;
}

.bex-1b8-fab3f630e2 {
  backdrop-filter: blur(12px);
}

.bex-1c1-ba2c19b79d {
  border-radius: 22px;
  border-color: rgba(255,255,255,.13);
  box-shadow: 0 35px 100px rgba(1,8,24,.55);
}

.bex-1bf-cf13d33195,
.bex-1bd-87c933acf7 {
  background: #0d2044;
}

.bex-0a5-867889abb9 {
  border-radius: 18px;
  box-shadow: 0 28px 80px rgba(1,8,24,.40);
}

.bex-242-70336baeff {
  border-radius: 15px;
}

.bex-02f-a33efb8188 {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.bex-02e-7745f1b284 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.05);
  border-radius: 12px;
  color: #fff;
}

.bex-02e-7745f1b284:hover {
  background: rgba(77,124,255,.16);
  border-color: rgba(77,124,255,.52);
}

.bex-02e-7745f1b284 small {
  color: #91a5c8;
}

.bex-025-0708957368 {
  width: min(1100px, calc(100% - 32px));
  margin: 48px auto 0;
  display: grid;
  grid-template-columns: 245px minmax(0,1fr);
  gap: 24px;
}

.bex-026-4fe27d8f44,
.bex-027-9f81c9ae8a {
  background: #fff;
  border: 1px solid #dce4ef;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(32,52,82,.08);
}

.bex-026-4fe27d8f44 {
  padding: 12px;
  align-self: start;
  position: sticky;
  top: 94px;
}

.bex-026-4fe27d8f44 a,
.bex-026-4fe27d8f44 button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 12px 13px;
  border-radius: 11px;
  color: #596981;
  font-weight: 700;
  text-align: left;
}

.bex-026-4fe27d8f44 a:hover,
.bex-026-4fe27d8f44 a.bex-131-cff3cb6dfd,
.bex-026-4fe27d8f44 button:hover {
  background: #edf3ff;
  color: #2457ff;
}

.bex-027-9f81c9ae8a {
  padding: 28px;
}

.bex-029-f402771352 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin: 22px 0;
}

.bex-028-15ff38f5ac {
  padding: 18px;
  border-radius: 14px;
  background: #f5f8fc;
  border: 1px solid #e0e7f1;
}

.bex-028-15ff38f5ac span {
  display: block;
  color: #78869a;
  font-size: 12px;
  margin-bottom: 7px;
}

.bex-028-15ff38f5ac strong {
  color: #101d35;
  font-size: 23px;
}

.bex-02b-b36df1b8c8 {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.bex-02c-a715bc6495 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  padding: 15px;
  border-radius: 13px;
  background: #f7f9fc;
  border: 1px solid #e0e7f1;
}

.bex-02d-2f9aaa65b5 {
  padding: 34px;
  text-align: center;
  border: 1px dashed #cbd7e7;
  border-radius: 14px;
  color: #78869a;
  background: #fbfcfe;
}

@media (max-width: 1024px) {
  .bex-0f6-e84531c78f { height: 62px; }
  .bex-104-c907742f39 { padding-block: 34px 28px; }
  .bex-104-c907742f39::before,
  .bex-104-c907742f39::after { inset: 12px 16px 0; border-radius: 25px; }
  .bex-113-a876db8590 { padding: 28px 30px 24px; }
  .bex-031-0b59ff7dcd { position: static; width: auto; }
}

@media (max-width: 720px) {
  .bex-0fe-c08a4b26fe { height: 34px; }
  .bex-21b-c7df7dc18a { min-height: 50px; }
  .bex-104-c907742f39::before,
  .bex-104-c907742f39::after { inset: 8px 10px 0; border-radius: 20px; }
  .bex-113-a876db8590 { padding: 22px 18px 18px; gap: 24px; }
  .bex-119-5421987abc { font-size: clamp(39px, 12.5vw, 64px); }
  .bex-118-1dd46b42f0 { font-size: 14px; }
  .bex-117-4999805af0 { gap: 12px; }
  .bex-107-b9688c1938 { border-radius: 18px; }
  .bex-025-0708957368 { grid-template-columns: 1fr; margin-top: 26px; }
  .bex-026-4fe27d8f44 { position: static; display: flex; overflow-x: auto; }
  .bex-026-4fe27d8f44 a,
  .bex-026-4fe27d8f44 button { width: auto; flex: 0 0 auto; }
  .bex-029-f402771352 { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .bex-0ff-4e0ea36a49 { gap: 8px; }
  .bex-0fe-c08a4b26fe { height: 30px; }
  .bex-0f7-e763982bec .bex-066-4d8d45fe59 { display: none; }
  .bex-113-a876db8590 { padding: 20px 15px 15px; }
  .bex-119-5421987abc { letter-spacing: -.045em; }
  .bex-117-4999805af0 { grid-template-columns: 1fr; }
  .bex-114-1c873c7f6b { padding: 11px 12px; background: rgba(255,255,255,.07); border-radius: 11px; }
  .bex-006-6898611aac { padding: 24px 18px; }
  .bex-025-0708957368 { width: min(100% - 20px, 1100px); }
  .bex-027-9f81c9ae8a { padding: 20px 16px; }
}

@media (max-width: 480px) {
  .bex-0e1-65f3a11587 {
    flex-wrap: wrap;
    row-gap: 8px;
    max-width: 100%;
  }
}


/* Long-form legal content and email confirmation */
.bex-09a-9d04871704 {
  max-width: 900px;
}
.bex-09a-9d04871704 > h2 {
  scroll-margin-top: 110px;
}
.bex-09a-9d04871704 p + h2,
.bex-09a-9d04871704 ul + h2,
.bex-09a-9d04871704 .bex-09e-14dc9e81b6 + h2 {
  padding-top: 10px;
}
.bex-02a-6811d58dc1 {
  display: grid;
  gap: 4px;
  padding: 15px 17px;
  border: 1px solid rgba(0,169,145,.30);
  border-left: 4px solid #00a991;
  border-radius: 13px;
  background: rgba(0,169,145,.09);
  color: #143b38;
  line-height: 1.45;
}
.bex-02a-6811d58dc1 strong {
  color: #007e6d;
  font-size: 15px;
}
.bex-02a-6811d58dc1 span {
  color: #335c58;
  font-size: 14px;
}


/* Font Awesome sport navigation icons */
.bex-21d-6b1b1add74 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  font-size: 16px;
  line-height: 1;
  opacity: .78;
}