/* Shared chrome. Loaded after the legacy header/footer styles. */
.cscom-unified .hdr-root {
 position: fixed; top: 14px; left: 50%; transform: translateX(-50%);
 width: calc(100% - 56px); max-width: 1520px; height: 76px; z-index: 1000;
 border: 1px solid var(--csui-line, #ffffff10); border-radius: 22px;
 background: rgba(16,20,30,.96); box-shadow: 0 12px 36px #00000024;
 transition: background .2s, box-shadow .2s, border-color .2s;
}
.cscom-unified .hdr-root::before { display: none; }
.cscom-unified .hdr-root.hdr-scrolled { background: rgba(16,20,30,.9); border-color: #ffffff16; backdrop-filter: blur(20px); box-shadow: 0 14px 40px #00000045; }
.cscom-unified .hdr-inner { max-width: none; padding: 0 22px; gap: 18px; }
.cscom-unified .hdr-logo { margin: 0; flex-shrink: 0; }
.cscom-unified .hdr-logo img { height: 34px; max-width: 200px; width: auto; object-fit: contain; }
.cscom-unified .hdr-nav { flex: 1; justify-content: center; gap: 3px; min-width: 0; }
.cscom-unified .hdr-nav > li { height: 100%; }
.cscom-unified .hdr-nav > li > a {
 height: 44px !important; padding: 0 11px !important; gap: 7px !important;
 border-radius: 12px; font-size: 12px !important; font-weight: 700 !important;
 font-family: 'Manrope', sans-serif !important; text-transform: none !important;
 color: #cbd3e1 !important; letter-spacing: 0 !important; border: 1px solid transparent;
}
.cscom-unified .hdr-nav > li:hover > a,
.cscom-unified .hdr-nav > li:focus-within > a { color: #fff !important; background: #ffffff07 !important; border-color: #ffffff0d; }
.cscom-unified .hdr-nav > li > a img { width: 18px; height: 18px; opacity: .9; }
.cscom-unified .hdr-news-icon { flex: 0 0 auto; color: #ff9c64; }
.cscom-unified .hdr-nav .hdr-chev { font-size: 8px; color: #67758a; }
.cscom-unified .hdr-drop {
 top: calc(100% - 2px) !important; min-width: 248px !important;
 padding: 10px !important; border: 1px solid #ffffff12 !important; border-radius: 18px !important;
 background: #151a25 !important; box-shadow: 0 20px 60px #0008 !important;
 max-height: calc(100dvh - 118px); overflow-y: auto; overscroll-behavior: contain;
}
.cscom-unified .hdr-nav > li:last-child .hdr-drop { left: auto !important; right: 0; }
.cscom-unified .hdr-nav > li:focus-within > .hdr-drop { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; pointer-events: auto !important; }
.cscom-unified .hdr-drop li a { border-radius: 9px; min-height: 40px; padding: 10px 12px !important; color: #b6c0d2 !important; font-size: 12px !important; white-space: normal !important; }
.cscom-unified .hdr-drop li a:hover,
.cscom-unified .hdr-drop li a:focus-visible { background: #ff7b3212 !important; color: #ff9c64 !important; padding-left: 12px !important; }
.cscom-unified .hdr-drop .hdr-drop-section { padding: 12px 12px 5px !important; color: #74839a !important; font-size: 10px !important; letter-spacing: 1px; }
.cscom-unified .hdr-drop .hdr-drop-div { background: #ffffff0a !important; margin: 6px 12px !important; }
.cscom-unified .hdr-right { gap: 10px; margin-left: 0; }
.cscom-unified .hdr-icon-btn { width: auto; height: 44px; padding: 0 16px; gap: 9px; color: #f0f4fd; background: #ffffff05; border: 1px solid #ffffff12; border-radius: 12px; }
.cscom-unified .hdr-icon-btn i { color: #ff9c64; font-size: 13px; }
.cscom-unified .hdr-account-label { font: 700 12px 'Manrope', sans-serif; }
.cscom-unified .hdr-icon-btn:hover { background: #ff7b3212; border-color: #ff7b3235; color: #fff; box-shadow: none; }
.cscom-unified .hdr-burger { width: 44px; height: 44px; border-color: #ffffff12; border-radius: 12px; background: #ffffff05; }
.cscom-unified .hdr-overlay { display: none; z-index: 1001; background: #04070db8; backdrop-filter: blur(8px); pointer-events: none; }
.cscom-unified .hdr-overlay.hdr-vis { pointer-events: auto; }
.cscom-unified .hdr-mobile {
 top: 12px; right: 12px; width: min(360px, calc(100% - 24px)); height: calc(100dvh - 24px);
 z-index: 1002; border: 1px solid #ffffff12; border-radius: 22px;
 background: #10141e; transform: translateX(calc(100% + 16px)); visibility: hidden;
 transition: transform .28s ease, visibility .28s; box-shadow: 0 22px 80px #0008;
 overscroll-behavior: contain;
}
.cscom-unified .hdr-mobile.hdr-open { transform: translateX(0); visibility: visible; }
.cscom-unified .hdr-mob-head { min-height: 74px; padding: 0 20px; background: #151a25; border-color: #ffffff0a; }
.cscom-unified .hdr-mob-logo { font-size: 20px; letter-spacing: -.5px; }
.cscom-unified .hdr-mob-logo span { color: #ff7b32; }
.cscom-unified .hdr-mob-close { width: 40px; height: 40px; border-radius: 12px; color: #aab3c4; background: #ffffff05; }
.cscom-unified .hdr-mob-nav { padding: 12px; }
.cscom-unified .hdr-mob-item > a { margin: 2px 0; min-height: 52px; padding: 13px 12px; border: 0; border-radius: 12px; text-transform: none; color: #d7dfed; }
.cscom-unified .hdr-mob-item.hdr-open > a { color: #ff9c64; background: #ff7b320d; }
.cscom-unified .hdr-mob-sub { background: #0c1018; border: 0; border-radius: 12px; padding: 6px; }
.cscom-unified .hdr-mob-sub li a { min-height: 42px; padding: 10px 16px; border: 0; border-radius: 8px; color: #aab3c4; }
.cscom-unified .hdr-mob-sub-sect { color: #718099; padding: 14px 16px 5px; }
.cscom-unified .hdr-mob-footer { padding: 18px; border-color: #ffffff0a; background: #151a25; }
.cscom-unified .hdr-mob-cta { min-height: 46px; border-radius: 12px; background: #ff7b32; color: #17100c; font-size: 13px; text-transform: none; letter-spacing: 0; box-shadow: none; }
.cscom-unified .hdr-mob-cta:hover { background: #ff9254; box-shadow: 0 6px 24px #ff7b321c; }
.cscom-unified .hdr-modal { border: 1px solid #ffffff12; border-radius: 24px; background: #10141e; }
.cscom-unified .hdr-modal-head { padding: 22px 24px; background: #151a25; border-color: #ffffff0a; }
.cscom-unified .hdr-modal-head h2 { text-transform: none; font-size: 22px; letter-spacing: -.4px; }
.cscom-unified .hdr-modal-x { width: 36px; height: 36px; color: #aab3c4; }
.cscom-unified .hdr-modal-body { padding: 24px; }
.cscom-unified .hdr-modal-body .cscom-register-link { display: block; padding: 17px 0 0; text-align: center; color: #aab3c4; font-size: 13px; }
.cscom-unified :is(.hdr-root,.hdr-mobile,.hdr-modal,.csf2-root) :is(a,button,[tabindex]):focus-visible,
.cscom-unified .sstop-btn:focus-visible { outline: 2px solid #ff9c64 !important; outline-offset: 4px; }

/* A quiet, spacious footer that uses the same grid as the page. */
.cscom-unified .csf2-root {
 width: calc(100% - 56px); max-width: 1520px; margin: 38px auto 28px;
 border: 1px solid #ffffff10; border-radius: 26px; background: #10141e;
 overflow: hidden; font-family: 'Manrope', sans-serif;
}
.cscom-unified .csf2-statsbar { padding: 26px 34px 28px; background: #151a2570; border-bottom: 1px solid #ffffff0a; }
.cscom-unified .csf2-stats-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding-bottom: 22px; font-size: 10px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: #78869d; }
.cscom-unified .csf2-stats-live { display: inline-flex; align-items: center; gap: 8px; color: #8998ab; font-size: 10px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.cscom-unified .csf2-stats-live::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #68c7ab; box-shadow: 0 0 0 4px #68c7ab0b; }
.cscom-unified .csf2-statsbar-inner { max-width: none; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.cscom-unified .csf2-stat { width: auto; min-width: 0; gap: 14px; padding: 0; margin: 0; border: 0; }
.cscom-unified .csf2-stat-ico { width: 44px; height: 44px; border-radius: 14px; background: #ff7b3209; border: 1px solid #ff7b3214; color: #d99a77; }
.cscom-unified .csf2-stat-ico svg { width: 19px; height: 19px; stroke-width: 1.7; }
.cscom-unified .csf2-stat > div:last-child { min-width: 0; display: flex; flex-direction: column-reverse; gap: 7px; }
.cscom-unified .csf2-stat-lbl { margin: 0; color: #8f9caf; text-transform: none; letter-spacing: 0; font: 500 11px/1.4 'Manrope',sans-serif; }
.cscom-unified .csf2-stat-val { color: #edf2fc; font-size: clamp(21px,2vw,29px); font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: -.6px; overflow-wrap: anywhere; }
.cscom-unified .csf2-main { max-width: none; grid-template-columns: 1.05fr 1fr 1fr 1fr; padding: 42px 34px; gap: 36px; }
.cscom-unified .csf2-logo-wrap { min-width: 0; grid-column: auto; flex-direction: column; gap: 20px; }
.cscom-unified .csf2-logo img { height: auto; width: 190px; max-width: 100%; filter: none; }
.cscom-unified .csf2-about { min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.7; color: #d0d8e6; }
.cscom-unified .csf2-about span { display: block; padding-top: 9px; color: #8492a8; font-size: 12px; font-weight: 400; }
.cscom-unified .csf2-socials { gap: 9px; }
.cscom-unified .csf2-soc-btn { width: 40px; height: 40px; border-radius: 12px; color: #aab3c4; background: #ffffff04; border-color: #ffffff0d; }
.cscom-unified .csf2-soc-btn:hover { background: #ff7b320d; border-color: #ff7b3225; color: #ff9c64; }
.cscom-unified .csf2-col { min-width: 0; }
.cscom-unified .csf2-col-head { gap: 10px; margin-bottom: 17px; padding-bottom: 0; border: 0; }
.cscom-unified .csf2-col-ico { width: 30px; height: 30px; border-radius: 9px; background: #ffffff04; border-color: #ffffff08; color: #7f8da4; }
.cscom-unified .csf2-col-ico svg { width: 14px; height: 14px; }
.cscom-unified .csf2-col-title { font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; color: #e1e7f2; line-height: 1.35; }
.cscom-unified .csf2-links { gap: 3px; }
.cscom-unified .csf2-links li a { display: block; padding: 6px 0; color: #8f9caf; font-size: 12px; line-height: 1.65; white-space: normal; overflow-wrap: anywhere; text-overflow: clip; }
.cscom-unified .csf2-links li a::before { display: none; }
.cscom-unified .csf2-links li a:hover { padding-left: 0; color: #ff9c64; }
.cscom-unified .csf2-divider { max-width: none; margin: 0 34px; background: #ffffff0a; }
.cscom-unified .csf2-bottom { max-width: none; padding: 22px 34px; gap: 18px; }
.cscom-unified .csf2-copy { color: #76849a; font-size: 11px; line-height: 1.8; }
.cscom-unified .csf2-copy a { color: #9ba8bc; }
.cscom-unified .csf2-copy a:hover { color: #ff9c64; }
.cscom-unified .csf2-legal { display: inline-flex; flex-wrap: wrap; gap: 16px; padding-top: 5px; }
.cscom-unified .cscb-inner { background: #151a25; border: 1px solid #ffffff14; border-radius: 20px; box-shadow: 0 18px 60px #0007; }
.cscom-unified .cscb-inner::before { display: none; }
.cscom-unified .cscb-btn-accept { background: #ff7b32; color: #17100c; box-shadow: none; }
.cscom-unified .cscb-text p { color: #aab3c4; }
.cscom-unified .exint-box { background: #10141e; border: 1px solid #ffffff14; border-radius: 24px; }
.cscom-unified .exint-glow { display: none; }
.cscom-unified .sstop-btn { padding: 0; border: 0; background: transparent; }
.cscom-unified .sstop-inner { background: #151a25; color: #e6edf9; }
.cscom-unified .sstop-progress { stroke: #ff7b32; }

@media (min-width: 1181px) and (max-width: 1440px) {
 .cscom-unified .hdr-inner { gap: 10px; padding: 0 16px; }
 .cscom-unified .hdr-logo img { max-width: 176px; height: auto; }
 .cscom-unified .hdr-nav > li > a { padding: 0 7px !important; gap: 5px !important; font-size: 11px !important; }
 .cscom-unified .hdr-account-label { display: none; }
 .cscom-unified .hdr-icon-btn { width: 44px; padding: 0; }
}
@media (max-width: 1180px) {
 .cscom-unified .hdr-nav { display: none !important; }
 .cscom-unified .hdr-right { margin-left: auto; }
 .cscom-unified .hdr-burger { display: flex; }
 .cscom-unified .csf2-main { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
 .cscom-unified .csf2-logo-wrap { grid-column: 1 / -1; display: grid; grid-template-columns: 190px minmax(0,1fr) auto; align-items: center; gap: 28px; }
 .cscom-unified .csf2-statsbar-inner { gap: 20px; }
 .cscom-unified .csf2-stat { gap: 10px; }
 .cscom-unified .csf2-stat-ico { width: 36px; height: 36px; border-radius: 11px; }
}
@media (max-width: 820px) {
 .cscom-unified .csf2-main { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 30px 24px; }
 .cscom-unified .csf2-logo-wrap { grid-column: auto; display: flex; align-items: flex-start; gap: 18px; }
 .cscom-unified .csf2-statsbar { padding: 24px; }
 .cscom-unified .csf2-statsbar-inner { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
 .cscom-unified .csf2-stat-ico { width: 42px; height: 42px; }
 .cscom-unified .csf2-stat-val { font-size: 25px; }
 .cscom-unified .csf2-divider { margin: 0 24px; }
 .cscom-unified .csf2-bottom { padding: 20px 24px; }
}
@media (max-width: 650px) {
 .cscom-unified .hdr-root { top: 12px; width: calc(100% - 24px); height: 64px; border-radius: 18px; }
 .cscom-unified .hdr-inner { padding: 0 14px; gap: 8px; }
 .cscom-unified .hdr-logo img { height: auto; width: 168px; max-width: 42vw; }
 .cscom-unified .hdr-right { gap: 7px; }
 .cscom-unified .hdr-icon-btn,.cscom-unified .hdr-burger { width: 40px; height: 40px; padding: 0; }
 .cscom-unified .hdr-account-label { display: none; }
 .cscom-unified .csf2-root { width: calc(100% - 24px); margin: 26px auto 12px; border-radius: 22px; }
 .cscom-unified .csf2-statsbar { padding: 23px 20px; }
 .cscom-unified .csf2-stats-heading { padding-bottom: 20px; font-size: 9px; letter-spacing: 1.2px; }
 .cscom-unified .csf2-stats-live { font-size: 9px; }
 .cscom-unified .csf2-statsbar-inner { gap: 23px 16px; }
 .cscom-unified .csf2-stat { align-items: flex-start; flex-direction: column; gap: 10px; }
 .cscom-unified .csf2-stat-ico { width: 32px; height: 32px; border-radius: 10px; }
 .cscom-unified .csf2-stat-ico svg { width: 16px; height: 16px; }
 .cscom-unified .csf2-stat-val { font-size: clamp(20px,5.5vw,28px); }
 .cscom-unified .csf2-stat-lbl { font-size: 10px; }
 .cscom-unified .csf2-main { padding: 30px 20px; gap: 30px 22px; }
 .cscom-unified .csf2-logo-wrap { grid-column: 1 / -1; }
 .cscom-unified .csf2-about { max-width: 380px; }
 .cscom-unified .csf2-col:last-child { grid-column: 1 / -1; }
 .cscom-unified .csf2-col-title { font-size: 13px; }
 .cscom-unified .csf2-col-ico { display: none; }
 .cscom-unified .csf2-links li a { font-size: 11px; line-height: 1.7; }
 .cscom-unified .csf2-divider { margin: 0 20px; }
 .cscom-unified .csf2-bottom { padding: 20px; }
 .cscom-unified .cscb-inner { border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
 .cscom-unified :is(.hdr-root,.hdr-mobile,.hdr-overlay,.hdr-modal,.hdr-drop,.hdr-burger span,.csf2-root a,.cscb-inner,.sstop-btn) { animation: none !important; transition: none !important; }
}