/* ===================== BETWAY STYLE REFIT (dark + neon-green) ===================== */
/* One clean system font stack (no external fetch). Colors centralized in :root.    */
:root{
  --bw-black: #000000;
  --bw-dk-900:#0b0b0b;
  --bw-dk-800:#121212;
  --bw-dk-700:#1a1a1a;
  --bw-line:  rgba(255,255,255,.10);

  --bw-text-100:#ffffff;
  --bw-text-200:#e5e7eb;
  --bw-text-300:#cbd5e1;

  --bw-green:#07CB09;      /* primary Betway green */
  --bw-green-600:#05a508;  /* hover */
  --bw-green-700:#059a08;  /* pressed/focus ring mix */

  --bw-overlay: rgba(0,0,0,.35);
}

html,body{margin:0;padding:0;box-sizing:border-box;width:100%;overflow-x:hidden}
*,*:before,*:after{box-sizing:inherit;min-width:0}
img,svg,video,canvas,iframe{max-width:100%;height:auto;display:inline-block}
pre,code{white-space:pre-wrap;word-break:break-word}
p,h1,h2,h3,h4,h5,h6,li,a,span{overflow-wrap:anywhere}
table{width:100%;display:block;overflow-x:auto;border-collapse:collapse}

/* ===== Typography: single system stack */
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Ubuntu,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
  font-size:19px;
  font-weight:400;
  color:var(--bw-text-100);
  text-shadow:none;
  background:var(--bw-black);
}

/* ========================= HEADER BAR ========================= */
.ember-azure-lotus{
  display:flex;align-items:center;gap:clamp(8px,2vw,16px);flex-wrap:nowrap;
  padding:2px 20px 2px 2px;
  background:linear-gradient(180deg,var(--bw-dk-900),var(--bw-dk-800));
  box-shadow:none;border-radius:8px;
}
.ember-azure-lotus[data-d87779-scrolled]{box-shadow:0 6px 20px rgba(0,0,0,.35)}

.pebble-willow{display:flex;gap:10px;align-items:center;flex-direction:row}
.gleam-plum-snow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:0}
.ripple-amber-nova{display:block;width:120px;height:30px;object-fit:contain;margin:10px 13px 10px 17px}

/* Small title/utility text in header */
.zen-fern{
  font-family:inherit;
  font-size:16px;font-weight:600;
  color:var(--bw-text-100);text-shadow:none;
}

/* ========================= PRIMARY BUTTON ========================= */
.wolf-lotus{border:0;display:inline-flex;cursor:pointer;transition:filter .15s ease;margin:var(--btn-my,0) var(--btn-mx,0)}
.wolf-lotus span{
  display:inline-block;border-radius:var(--btn-rad,16px);
  padding:var(--btn-py,10px) var(--btn-px,16px);
  font-weight:var(--btn-weight,700);font-size:var(--btn-size,16px);
  background:var(--btn-bg,var(--bw-green));color:var(--btn-color,#061f06);
  box-shadow:var(--btn-shadow,0 10px 28px rgba(7,203,9,.28));
  text-shadow:var(--btn-tshadow,none);
}
.wolf-lotus:hover span{background:var(--btn-hover-bg,var(--bw-green-600))}
.wolf-lotus:hover{filter:brightness(1.02)}
.wolf-lotus,.wolf-lotus:link,.wolf-lotus:visited,.wolf-lotus:hover,.wolf-lotus:focus{text-decoration:none}

/* ========================= NAV – RESPONSIVE ========================= */
@media(min-width:769px){
  .terra-cedar-opal,input.pine-lagoon,.crystal-pine-jet,.blaze-koi{display:none!important}
}
@media(max-width:768px){
  .canyon-zephyr-zenith,input.sage-wind,.sage-chroma,.flint-flint-wolf{display:none!important}
}

/* Burger (mobile) */
.canyon-zephyr-zenith{display:inline-flex;flex-direction:column;gap:4px;cursor:pointer}
.canyon-zephyr-zenith span{display:block;width:42px;height:3px;background:var(--bw-text-100);border-radius:3px}
.sage-chroma{position:fixed;inset:0;background:var(--bw-overlay);opacity:0;pointer-events:none;transition:opacity .2s;z-index:1800}
.flint-flint-wolf{
  position:fixed;top:0;right:0;transform:translateX(100%);
  width:min(80vw,360px);height:100vh;background:var(--bw-dk-800);
  box-shadow:-2px 0 16px rgba(0,0,0,.35);transition:transform .25s ease;
  padding:24px;z-index:1900;overflow-y:auto;border-left:1px solid var(--bw-line)
}
.flint-flint-wolf .panel-head{display:flex;justify-content:flex-end;margin-bottom:10px}
.steel-shadow{font-size:44px;line-height:1;cursor:pointer;color:var(--bw-green)}
.flint-flint-wolf ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.flint-flint-wolf li{margin:0 0 8px 0}
.flint-flint-wolf a{
  text-decoration:none;font-family:inherit;font-size:18px;font-weight:600;
  color:var(--bw-text-100);text-shadow:none;
}
.flint-flint-wolf a:hover{color:var(--bw-green)}
.sage-wind:checked ~ .sage-chroma{opacity:1;pointer-events:auto}
.sage-wind:checked ~ .sage-chroma + .flint-flint-wolf{transform:none}

/* Burger (desktop fallback) */
.terra-cedar-opal{display:inline-flex;flex-direction:column;gap:4px;cursor:pointer}
.terra-cedar-opal span{display:block;width:33.6px;height:3px;background:var(--bw-text-100);border-radius:3px}
.crystal-pine-jet{position:fixed;inset:0;background:var(--bw-overlay);opacity:0;pointer-events:none;transition:opacity .2s;z-index:1800}
.blaze-koi{
  position:fixed;top:0;right:0;transform:translateX(100%);
  width:min(86vw,360px);height:100vh;background:var(--bw-dk-800);
  box-shadow:-2px 0 16px rgba(0,0,0,.35);transition:transform .25s ease;
  padding:24px;z-index:1900;overflow-y:auto;border-left:1px solid var(--bw-line)
}
.blaze-koi .panel-head{display:flex;justify-content:flex-end;margin-bottom:10px}
.spruce-willow{font-size:24px;line-height:1;cursor:pointer;color:var(--bw-text-100)}
.blaze-koi ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.blaze-koi li{margin:0 0 8px 0}
.blaze-koi a{
  text-decoration:none;font-family:inherit;font-size:18px;font-weight:600;
  color:var(--bw-text-100);text-shadow:none;
}
.blaze-koi a:hover{color:var(--bw-green)}
.pine-lagoon:checked ~ .crystal-pine-jet{opacity:1;pointer-events:auto}
.pine-lagoon:checked ~ .crystal-pine-jet + .blaze-koi{transform:none}

/* Layout tweaks */
@media(min-width:769px){
  .ember-azure-lotus{display:flex;align-items:center}
  .pebble-willow{margin-right:auto}
  .gleam-plum-snow{margin-right:0}
  .canyon-zephyr-zenith{margin-left:0}
}
@media(max-width:768px){
  .ember-azure-lotus{display:flex;align-items:center}
  .pebble-willow{margin-right:auto}
  .gleam-plum-snow{margin-right:0}
  .terra-cedar-opal{margin-left:0}
}
@media(max-width:768px){
  .ember-azure-lotus{display:flex;flex-wrap:wrap;gap:clamp(8px,2.5vw,14px)}
}

/* Max width containers */
.ember-azure-lotus,.violet-thistle,.breeze-charm-aqua,.charm-mint-koi,.saffron-orbit,.sand-ember{
  max-width:1200px;margin-left:auto;margin-right:auto;
}

/* Full-width fixed header (desktop) with dark band */
.ember-azure-lotus{position:relative;background:transparent}
.ember-azure-lotus::before{
  content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:100svw;height:100%;
  background:linear-gradient(180deg,var(--bw-dk-900),var(--bw-dk-800));
  z-index:-1;border-bottom:1px solid var(--bw-line);
}
@media (min-width:769px){
  .ember-azure-lotus{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1600;margin-left:auto;margin-right:auto}
}

/* ========================= HERO / INTRO ========================= */
.violet-thistle{
  --ml:8px;--mr:7px;
  margin-top:1px;margin-bottom:16px;margin-left:auto;margin-right:auto;
  width:clamp(0px, calc(100% - var(--ml) - var(--mr)), 100%);
  padding:26px 16px 20px 16px;min-height:100px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:var(--bw-black);box-shadow:none;border-radius:8px;
  font-family:inherit;font-size:31px;font-weight:300;color:var(--bw-text-100);
}

/* ========================= CONTENT STRIP ========================= */
.breeze-charm-aqua{
  --ml:0px;--mr:0px;margin:0 auto;
  width:clamp(0px, calc(100% - var(--ml) - var(--mr)), 100%);
  padding:20px;
  min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;
  background:#fff;
  box-shadow:none;border-radius:0;
  font-family:inherit;font-size:18px;font-weight:600;color:var(--bw-text-200);
}

/* ========================= MAIN + ASIDE ========================= */
.sand-ember{ /* wrapper */ }
.calm-forest{
  margin:14px 8px 0px 3px;padding:19px 24px 28px 14px;min-height:887px;
  background:linear-gradient(180deg,var(--bw-dk-800),var(--bw-dk-700));
  box-shadow:0 4px 14px rgba(0,0,0,.30);
  border-radius:12px;font-family:inherit;font-size:19px;font-weight:300;color:var(--bw-text-200);
  border:1px solid var(--bw-line);
}
.linen-sky{
  margin:20px 0 0 0;padding:32px 8px;background:var(--bw-dk-900);
  box-shadow:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:500;color:var(--bw-text-200);
  border:1px solid var(--bw-line);
}
@media(min-width:769px){
  .sand-ember{display:flex;align-items:stretch;gap:clamp(12px,2vw,24px);width:100%}
  .calm-forest{flex:1 1 0;min-width:0;order:1}
  .linen-sky{flex:0 0 26%;max-width:26%;min-width:0;order:2;margin-top:0;margin-bottom:0}
}
@media(max-width:768px){
  .sand-ember{display:block;width:100%}
  .sand-ember[data-aside-mobile="bottom"] .linen-sky{margin:clamp(12px,2vw,24px) 0 0 0}
  .sand-ember[data-aside-mobile="top"] .linen-sky{margin:0 0 clamp(12px,2vw,24px) 0}
  .linen-sky{width:100%;max-width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
}

/* ========================= FOOTER ========================= */
.saffron-orbit{
  padding:18px 15px 24px 10px;
  background:linear-gradient(180deg,var(--bw-dk-900),var(--bw-dk-800));
  box-shadow:0 4px 14px rgba(0,0,0,.30);
  border-radius:0;
  font-family:inherit;font-size:14px;font-weight:400;color:var(--bw-text-200);
  border-top:1px solid var(--bw-line);
}
.footer-content.left{text-align:left}.footer-content.center{text-align:center}.footer-content.right{text-align:right}
.footer-menu{padding:0}
.footer-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.footer-menu.left{justify-content:flex-start;display:flex}
.footer-menu.center{justify-content:center;display:flex}
.footer-menu.right{justify-content:flex-end;display:flex}
.footer-menu li{margin:0 12px}
.footer-menu a{text-decoration:none;font-family:inherit;font-size:16px;font-weight:600;color:var(--bw-text-100);text-shadow:none}
.footer-menu a:hover{color:var(--bw-green)}

/* ========================= OVERLAY BANDS (kept but dark) ========================= */
.saffron-orbit{position:relative;background:transparent;}
.saffron-orbit::before{
  content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:100svw;height:100%;
  background:linear-gradient(180deg,var(--bw-dk-900),var(--bw-dk-800));z-index:-1;
}

/* ========================= SMALL UTILITIES ========================= */
table{border:1px solid var(--bw-line)}
table th,table td{border:1px solid var(--bw-line);padding:.6rem;color:var(--bw-text-200)}
a{color:var(--bw-text-100);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
a:hover{color:var(--bw-green);border-color:var(--bw-green)}

/* filler */