*{box-sizing:border-box}
:root{
  --bg:#120606;--deep:#080303;--panel:#14141f;--panel2:#1b1b28;
  --text:#f8f7fb;--muted:#c6c4cc;--border:#343442;
  --red:#df0b0b;--gold:#ffd33f;--green:#2dd27d;--hot:#ff7187;--orange:#f2a20c;
  --shell:1160px;--sticky:84px
}
html{scroll-behavior:smooth}
body{
  margin:0;padding-bottom:calc(var(--sticky) + env(safe-area-inset-bottom));
  background:radial-gradient(circle at 50% -10%,rgba(128,20,20,.25),transparent 33%),linear-gradient(#140707,#0b0404 50%,#070303);
  color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif
}
body.menu-open{overflow:hidden}
a{color:inherit}img{display:block;max-width:100%}.shell{width:min(var(--shell),calc(100% - 32px));margin:auto}
.site-header{height:116px;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;position:sticky;top:0;z-index:50;background:rgba(18,6,6,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(13px)}
.menu-button{margin-left:16px;width:58px;height:58px;border:0;background:transparent;display:grid;align-content:center;gap:7px;cursor:pointer}
.menu-button span{width:35px;height:5px;background:#fff;border-radius:20px}
.header-logo{justify-self:center;width:86px;height:86px;border-radius:50%;padding:4px;background:linear-gradient(145deg,#fff3a3,#d89d14,#ffe06a,#7d4b08)}
.header-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.67);z-index:98}
.side-menu{position:fixed;left:0;top:0;bottom:0;width:min(72vw,430px);background:#160808;z-index:99;padding:32px 28px;transform:translateX(-102%);transition:.25s;box-shadow:32px 0 80px rgba(0,0,0,.45)}
.side-menu.open{transform:none}.side-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}
.side-head img{width:86px;height:86px;border-radius:50%;object-fit:cover;border:3px solid #d7aa21}
.side-head button{border:0;background:none;color:white;font-size:48px;line-height:1;cursor:pointer}
.side-menu nav{display:flex;flex-direction:column}.side-menu nav a{text-decoration:none;font-size:25px;padding:17px 2px;border-bottom:1px solid rgba(255,255,255,.05)}
.hero{padding-top:38px}.slider{position:relative;aspect-ratio:2.75/1;border-radius:18px;overflow:hidden;background:#28100f;box-shadow:0 18px 60px rgba(0,0,0,.32)}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;opacity:0;pointer-events:none;transition:.4s;background:linear-gradient(115deg,#78100f,#e32a18 48%,#eee6d8 48.3%,#fff)}
.slide.active{opacity:1;pointer-events:auto}
.slide-copy{padding:clamp(32px,5vw,70px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.slide-copy>span{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.12em}.slide-copy h1{margin:9px 0;font-size:clamp(34px,5vw,68px);line-height:.98}.slide-copy p{max-width:540px;margin:0;color:#f7e6e3;line-height:1.5}.banner-btn{width:max-content;margin-top:17px;padding:12px 17px;border-radius:9px;background:var(--gold);color:#171006;text-decoration:none;font-weight:900}
.slide-art{display:grid;place-items:center;position:relative;overflow:hidden}
.logo-disc{width:48%;aspect-ratio:1;border-radius:50%;padding:7px;background:linear-gradient(145deg,#fff3a0,#d79a15,#ffdf67,#774606);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.logo-disc img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.banner-image{position:absolute;inset:0;background-image:var(--banner-image);background-size:cover;background-position:center}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.25);color:#fff;font-size:33px;cursor:pointer}.slider-arrow.prev{left:14px}.slider-arrow.next{right:14px}
.dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:9px}.dot{width:11px;height:11px;border:0;border-radius:50%;background:rgba(255,255,255,.62);padding:0}.dot.active{background:var(--gold)}
.promo-section{padding:40px 0 68px;display:grid;gap:18px}.promo-card{position:relative;min-height:225px;padding:38px 42px;border-radius:19px;background:linear-gradient(145deg,var(--panel2),#101018);border:1px solid var(--border)}.hot-card{border-color:#8f2431}.hot-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--red);border-radius:19px 0 0 19px}.promo-card h2{margin:0 100px 14px 0;font-size:30px}.promo-card p{max-width:900px;color:var(--muted);font-size:17px;line-height:1.65}.promo-card>a{color:var(--gold);text-decoration:none;font-weight:800}.badge{position:absolute;right:25px;top:27px;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:900}.badge.new{background:var(--green)}.badge.hot{background:var(--hot)}.badge.limited{background:var(--orange);color:#171006}
.section{padding:70px 0}.alt{background:rgba(255,255,255,.018);border-block:1px solid rgba(255,255,255,.045)}.section-head{margin-bottom:28px}.section-head span,.mini{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.17em}.section-head h2,.about-grid h2{font-size:clamp(32px,5vw,50px);margin:8px 0 0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-grid article{padding:26px;border-radius:18px;background:var(--panel);border:1px solid var(--border)}.emoji{font-size:35px}.category-grid h3{font-size:21px;margin:15px 0 7px}.category-grid p{margin:0;color:var(--muted);line-height:1.55}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-grid>article{overflow:hidden;border-radius:18px;background:var(--panel);border:1px solid var(--border)}.article-grid img,.article-placeholder{width:100%;height:180px;object-fit:cover}.article-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#65100f,#d32118,#3d0c0c);font-size:28px;font-weight:900;color:var(--gold)}.article-body{padding:22px}.article-body h3{font-size:21px;margin:0 0 8px}.article-body p{color:var(--muted);line-height:1.55}.article-body summary{cursor:pointer;color:var(--gold);font-weight:800}.article-text{margin-top:14px;color:var(--muted);line-height:1.65}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.about-grid p{color:var(--muted);line-height:1.75;font-size:17px;margin-top:0}
.join{padding:48px 0;background:radial-gradient(circle at center,#481010,#190707 52%,#090303)}.join-inner{display:grid;grid-template-columns:84px 1fr auto;gap:22px;align-items:center}.join-inner img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid #d5a91e}.join-inner strong{color:var(--gold)}.join-inner h2{margin:3px 0;font-size:31px}.join-inner a{padding:14px 20px;border-radius:10px;background:var(--red);text-decoration:none;font-weight:900}
.footer{padding:38px 0;background:#060202;border-top:1px solid rgba(255,255,255,.06);text-align:center;color:#918789}.footer p{margin:0 0 7px}.footer small{font-size:11px}
.sticky-actions{position:fixed;left:0;right:0;bottom:0;height:calc(var(--sticky) + env(safe-area-inset-bottom));padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#050505;border-top:1px solid #222;z-index:60}.sticky-actions a{display:grid;place-items:center;border-radius:9px;text-decoration:none;font-size:20px;font-weight:900}.sticky-actions .register{background:var(--red)}.sticky-actions .login{background:var(--gold);color:#070707}
@media(max-width:900px){.category-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}}
@media(max-width:620px){:root{--sticky:77px}.shell{width:min(var(--shell),calc(100% - 28px))}.site-header{height:95px;grid-template-columns:68px 1fr 68px}.menu-button{margin-left:7px}.header-logo{width:70px;height:70px}.hero{padding-top:26px}.slider{aspect-ratio:2.4/1;border-radius:12px}.slide{grid-template-columns:1.15fr .85fr}.slide-copy{padding:18px 20px}.slide-copy>span{font-size:8px}.slide-copy h1{font-size:23px;margin:5px 0}.slide-copy p{font-size:10px;line-height:1.3}.banner-btn{font-size:9px;margin-top:7px;padding:7px 9px}.logo-disc{width:62%}.slider-arrow{display:none}.promo-section{padding:35px 0 48px}.promo-card{padding:28px 23px;min-height:250px}.promo-card h2{font-size:24px;margin-right:78px}.promo-card p{font-size:16px}.badge{right:17px;top:25px}.section{padding:52px 0}.category-grid{grid-template-columns:1fr}.join-inner{grid-template-columns:70px 1fr}.join-inner img{width:64px;height:64px}.join-inner a{grid-column:1/-1;text-align:center}.side-menu{width:74vw;padding:27px 21px}.side-menu nav a{font-size:22px}}


/* =========================================================
   NEW: Platform Statistics
   ========================================================= */
.platform-stats{
  padding:70px 0;
  background:
    radial-gradient(circle at 14% 18%,rgba(255,78,58,.16),transparent 22%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),
    linear-gradient(135deg,#ef221a,#ca060c);
  border-block:1px solid rgba(255,255,255,.1)
}
.platform-stats> .shell > h2{
  text-align:center;
  font-size:24px;
  margin:0 0 24px;
  text-shadow:0 2px 8px rgba(0,0,0,.28)
}
.platform-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px
}
.platform-stat-card{
  min-height:194px;
  border-radius:13px;
  background:#160b0c;
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:22px 18px;
  text-align:center;
  box-shadow:0 12px 30px rgba(0,0,0,.16)
}
.stat-icon{
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:#261214;
  color:#ef2425;
  font-size:27px;
  margin-bottom:13px
}
.stat-number{
  display:flex;flex-wrap:wrap;
  justify-content:center;align-items:baseline;
  gap:7px;
  line-height:.92
}
.stat-number strong{
  font-size:34px;
  letter-spacing:.01em
}
.stat-prefix,.stat-suffix{
  font-size:29px;
  font-weight:950
}
.platform-stat-card p{
  margin:10px 0 0;
  font-size:14px;
  font-weight:750
}
.manual-stat-note{
  margin:18px 0 0;
  text-align:center;
  color:rgba(255,255,255,.78);
  font-size:11px
}

/* =========================================================
   NEW: Rich Game Categories
   ========================================================= */
.category-showcase{
  padding:62px 0 74px;
  background:#160c0d;
  border-bottom:1px solid rgba(255,255,255,.04)
}
.red-section-heading{
  text-align:center;
  margin-bottom:28px
}
.red-section-heading h2{
  margin:0;
  color:#ff392a;
  font-size:24px
}
.red-section-heading span{
  display:block;width:46px;height:3px;
  margin:10px auto 0;
  background:#f12a33;border-radius:10px
}
.rich-category-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.rich-category-card{
  min-height:278px;
  padding:16px;
  border-radius:13px;
  background:#111314;
  border:1px solid #303537
}
.category-icon-box{
  width:52px;height:52px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#ffc33d,#f2291f);
  color:#111;
  font-size:24px;
  margin-bottom:29px
}
.rich-category-card h3{
  margin:0 0 11px;
  font-size:16px
}
.category-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.category-stats>div{
  min-height:60px;
  padding:10px 8px;
  display:grid;place-items:center;
  text-align:center;
  border:1px solid #665514;
  background:#292618;
  border-radius:10px
}
.category-stats strong{
  display:block;color:#ffe328;font-size:14px
}
.category-stats span{
  color:#ddd7ca;font-size:10px
}
.tag-list{
  display:flex;flex-wrap:wrap;gap:8px;
  margin-top:11px
}
.tag-list span{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #34383a;
  background:#17191a;
  font-size:10px
}
.category-description{
  color:#aeb0b2;
  font-size:11px;
  line-height:1.45;
  margin:10px 0 0
}
.category-toggle{
  display:block;
  margin:36px auto 0;
  min-width:124px;
  padding:12px 20px;
  border:0;border-radius:10px;
  background:linear-gradient(90deg,#ffc13a,#ef3025);
  color:#080808;
  font-weight:900;
  cursor:pointer
}
.rich-category-grid.collapsed .rich-category-card:nth-child(n+3){display:none}

/* =========================================================
   NEW: Why Malaysian Players / Payments
   ========================================================= */
.why-section{
  padding:52px 0 70px;
  background:#150a0b
}
.why-section h2{
  margin:0 0 12px;
  font-size:25px
}
.why-section h3{
  margin:24px 0 8px;
  font-size:15px
}
.why-section p{
  max-width:1100px;
  color:#f1eaeb;
  font-size:14px;
  line-height:1.8
}
.payments-intro{margin-top:25px!important}
.payment-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:12px;
  margin-top:12px
}
.payment-card{
  min-height:148px;
  border:1px solid #343839;
  border-radius:12px;
  background:#111314;
  padding:11px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center
}
.payment-logo{
  width:100%;
  height:84px;
  background:#fff;
  border-radius:10px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#181818;
  font-size:23px;
  font-weight:950
}
.payment-logo img{
  width:100%;height:100%;
  object-fit:contain;
  padding:10px
}
.payment-card strong{
  margin-top:13px;
  font-size:12px;
  line-height:1.25
}
.payment-empty{
  margin-top:14px;
  padding:20px;
  border:1px dashed #4b4d4e;
  border-radius:12px;
  color:#aea6a7
}

@media(max-width:1000px){
  .platform-stat-grid{grid-template-columns:1fr 1fr}
  .rich-category-grid{grid-template-columns:1fr 1fr}
  .payment-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:620px){
  .platform-stats{padding:46px 0}
  .platform-stat-grid{gap:12px}
  .platform-stat-card{min-height:160px;padding:17px 10px}
  .stat-number strong{font-size:25px}
  .stat-prefix,.stat-suffix{font-size:20px}
  .platform-stat-card p{font-size:11px}
  .stat-icon{width:46px;height:46px;font-size:21px}
  .category-showcase{padding:48px 0 58px}
  .rich-category-grid{grid-template-columns:1fr}
  .rich-category-grid.collapsed .rich-category-card:nth-child(n+3){display:none}
  .payment-grid{grid-template-columns:1fr 1fr}
  .payment-card{min-height:132px}
  .payment-logo{height:72px}
  .why-section p{font-size:13px}
}


/* =========================================================
   v3 FULL-BANNER MODE
   Banner image fills the entire 1600x580-style hero.
   Only the HTML CTA button is layered on top.
   ========================================================= */
.full-banner-slider{
  aspect-ratio:1600/580;
  background:#120606;
}

.full-banner-slide{
  display:block !important;
  background:none !important;
}

.full-banner-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.full-banner-fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 72% 40%,rgba(255,215,70,.17),transparent 24%),
    linear-gradient(115deg,#710d0d,#d82017 48%,#0b0808 48.2%,#22160b);
}

.full-banner-fallback img{
  width:220px;
  height:220px;
  object-fit:cover;
  border-radius:50%;
  border:5px solid #d7a71c;
}

.floating-banner-btn{
  position:absolute;
  left:5.5%;
  bottom:7.5%;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  min-height:52px;
  padding:13px 24px;
  border-radius:11px;
  background:linear-gradient(180deg,#ffdd55,#f0bb24);
  color:#110d05;
  text-decoration:none;
  font-weight:950;
  font-size:17px;
  box-shadow:
    0 8px 22px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.35);
}

.floating-banner-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}

@media(max-width:620px){
  .full-banner-slider{
    aspect-ratio:1600/580;
  }

  .floating-banner-btn{
    left:4.5%;
    bottom:8%;
    min-width:116px;
    min-height:34px;
    padding:8px 13px;
    border-radius:8px;
    font-size:10px;
  }
}


/* =========================================================
   v4 CLICKABLE-BANNER MODE
   - No visible REGISTER button over the artwork.
   - The full banner image is the link.
   - Slider arrows/dots remain clickable above the link.
   ========================================================= */
.banner-click-layer{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  cursor:pointer;
  text-decoration:none;
}

.banner-click-layer:focus-visible{
  outline:3px solid #ffd33f;
  outline-offset:-5px;
}

.full-banner-image,
.full-banner-fallback{
  pointer-events:none;
}

/* Hide old v3 floating CTA if cached markup somehow remains. */
.floating-banner-btn{
  display:none !important;
}

/* Keep navigation controls above the full-banner link. */
.full-banner-slider .slider-arrow{
  z-index:8;
}
.full-banner-slider .dots{
  z-index:8;
}


/* v5 statistics modes */
.statistics-heading{
  display:flex;align-items:center;justify-content:center;
  gap:12px;margin-bottom:24px;flex-wrap:wrap
}
.statistics-heading h2{margin:0!important}
.statistics-mode-badge{
  display:inline-flex;align-items:center;min-height:18px;
  padding:3px 6px;border-radius:999px;font-size:8px;
  line-height:1;font-weight:650;letter-spacing:.03em;
  border:1px solid rgba(255,255,255,.12)
}
.statistics-mode-badge.mode-demo{
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.58);border-color:rgba(255,255,255,.10)
}
.statistics-mode-badge.mode-manual{
  background:rgba(255,255,255,.12);color:#fff
}
.statistics-mode-badge.mode-live_api{
  background:#153c27;color:#a7f4c6;border-color:#2b7a4d
}
.statistics-mode-badge.mode-live_api_error{
  background:#42161a;color:#ffb5bd;border-color:#88303b
}
.manual-stat-note{
  max-width:900px;margin:16px auto 0!important;
  text-align:center;line-height:1.45;
  font-size:9px;color:rgba(255,255,255,.42)
}


/* =========================================================
   v6 Language Switcher
   ========================================================= */
.multilingual-header{
  grid-template-columns:92px 1fr minmax(180px,260px);
}
.language-switcher{
  justify-self:end;
  margin-right:18px;
  display:flex;
  gap:6px;
  padding:5px;
  border-radius:999px;
  background:#090909;
  border:1px solid rgba(255,255,255,.12);
}
.language-switcher a{
  min-width:46px;
  padding:8px 11px;
  border-radius:999px;
  text-align:center;
  text-decoration:none;
  color:#d8d1d1;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.language-switcher a.active{
  background:linear-gradient(180deg,#ffe26e,#e7b424);
  color:#140e04;
}
.drawer-language{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
}
.drawer-language>span{
  display:block;
  margin-bottom:10px;
  color:#8f8585;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.15em;
}
.drawer-language>div{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.drawer-language a{
  padding:9px 10px;
  border-radius:8px;
  text-decoration:none;
  color:#d8d2d2;
  background:rgba(255,255,255,.035);
}
.drawer-language a.active{
  color:#ffd33f;
  border:1px solid rgba(255,211,63,.25);
}

@media(max-width:620px){
  .multilingual-header{
    grid-template-columns:64px 1fr 126px;
  }
  .language-switcher{
    margin-right:6px;
    gap:3px;
    padding:4px;
  }
  .language-switcher a{
    min-width:auto;
    padding:7px 7px;
    font-size:10px;
  }
}


/* =========================================================
   v7 Contact Us
   ========================================================= */
body.contact-modal-open{overflow:hidden}
.contact-modal[hidden]{display:none!important}
.contact-modal{
  position:fixed;inset:0;z-index:120;
  display:grid;place-items:center;padding:22px;
  opacity:0;transition:opacity .18s ease
}
.contact-modal.open{opacity:1}
.contact-modal-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.76);
  backdrop-filter:blur(5px)
}
.contact-dialog{
  position:relative;z-index:1;
  width:min(760px,100%);
  max-height:min(760px,calc(100vh - 44px));
  overflow:auto;padding:28px;border-radius:22px;
  border:1px solid rgba(255,213,67,.22);
  background:
    radial-gradient(circle at 85% 8%,rgba(255,202,43,.10),transparent 28%),
    linear-gradient(180deg,#1a0c0d,#0f090a);
  box-shadow:0 28px 80px rgba(0,0,0,.55);
  transform:translateY(12px) scale(.985);
  transition:transform .18s ease
}
.contact-modal.open .contact-dialog{transform:translateY(0) scale(1)}
.contact-close{
  position:absolute;right:17px;top:15px;
  width:42px;height:42px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.13);border-radius:50%;
  background:#241213;color:#fff;font-size:29px;line-height:1;
  cursor:pointer
}
.contact-dialog-brand{display:flex;align-items:center;gap:15px;padding-right:58px}
.contact-dialog-brand img{
  width:68px;height:68px;object-fit:cover;border-radius:50%;
  border:2px solid #d7a91f
}
.contact-dialog-brand span{
  color:#ffd23d;font-size:11px;font-weight:900;letter-spacing:.14em
}
.contact-dialog-brand h2{margin:4px 0 0;font-size:30px}
.contact-intro{margin:18px 0 22px;color:#cfc4c5;line-height:1.65}
.contact-channel-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:12px
}
.contact-channel{
  min-height:154px;padding:16px;
  display:grid;grid-template-columns:52px 1fr;
  grid-template-rows:auto auto;gap:12px 14px;
  border-radius:15px;border:1px solid #342d2e;background:#121313
}
.contact-channel-icon{
  width:52px;height:52px;display:grid;place-items:center;
  border-radius:14px;background:linear-gradient(135deg,#ffc83d,#ed3827);
  color:#140c05;font-size:13px;font-weight:1000
}
.contact-channel-copy h3{margin:3px 0 8px;font-size:17px}
.contact-channel-copy p{
  margin:5px 0;display:flex;flex-direction:column;gap:2px
}
.contact-channel-copy p span{
  color:#837a7b;font-size:10px;text-transform:uppercase;letter-spacing:.08em
}
.contact-channel-copy p strong{
  color:#f6eeee;font-size:12px;overflow-wrap:anywhere
}
.contact-open-btn{
  grid-column:1/-1;align-self:end;
  display:flex;justify-content:center;align-items:center;
  min-height:38px;padding:9px 13px;border-radius:9px;
  background:linear-gradient(180deg,#ffdb58,#e9b827);
  color:#100b04;text-decoration:none;font-size:11px;font-weight:950
}
.contact-empty{
  padding:26px;border:1px dashed #484040;border-radius:14px;
  color:#b8acad;text-align:center
}
@media(max-width:620px){
  .contact-modal{padding:12px}
  .contact-dialog{
    padding:22px 16px 18px;border-radius:18px;
    max-height:calc(100vh - 24px)
  }
  .contact-dialog-brand img{width:58px;height:58px}
  .contact-dialog-brand h2{font-size:24px}
  .contact-channel-grid{grid-template-columns:1fr}
  .contact-channel{min-height:136px}
}


/* v7.1 contact uploaded logos */
.contact-channel-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:12px;
}
.contact-channel:has(.contact-channel-icon img) .contact-channel-icon{
  padding:7px;
  background:#fff;
}


/* v8 Website Management Pack */
.announcement-bar{position:relative;z-index:70;background:linear-gradient(90deg,#7b0d0d,#d7251b,#7b0d0d);border-bottom:1px solid rgba(255,211,63,.28)}
.announcement-inner{min-height:40px;display:flex;align-items:center;justify-content:center;gap:14px;padding-top:7px;padding-bottom:7px;text-align:center}
.announcement-inner span{font-size:12px;font-weight:800}.announcement-inner a{color:#ffd743;font-weight:950;text-decoration:none;white-space:nowrap}.announcement-inner button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer;line-height:1}

.promo-terms{margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.promo-terms summary{cursor:pointer;color:#ffd33f;font-weight:900;font-size:12px}.promo-terms-body{margin-top:12px;display:grid;gap:8px}.promo-terms-body>div{display:flex;justify-content:space-between;gap:18px;padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.035)}.promo-terms-body span{color:#a99fa0;font-size:11px}.promo-terms-body strong{text-align:right;font-size:11px}.promo-terms-body>p{margin:5px 0 0!important;font-size:11px!important;line-height:1.65!important;color:#c9bfc0!important}

.faq-section{padding-top:58px;padding-bottom:66px}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid #342c2d;border-radius:13px;overflow:hidden;background:#111214}.faq-item summary{cursor:pointer;list-style:none;padding:18px 50px 18px 20px;font-size:15px;font-weight:900;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#ffd23d;font-size:23px}.faq-item[open] summary::after{content:"−"}.faq-item>div{padding:0 20px 20px;color:#c8bfc0;line-height:1.75;font-size:13px}

.footer-grid{display:grid;gap:22px}.footer-about{display:flex;align-items:flex-start;gap:15px;max-width:760px}.footer-about img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid #ad8420}.footer-about h3{margin:0 0 7px;color:#fff}.footer-about p{margin:0;color:#aaa0a1;line-height:1.65}.footer-legal{display:flex;flex-wrap:wrap;gap:10px 18px}.footer-legal a{color:#e2d5d6;text-decoration:none;font-size:12px}.footer-legal a:hover{color:#ffd33f}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom p,.footer-bottom small{margin:0}

body.promo-popup-open{overflow:hidden}.promo-popup[hidden]{display:none!important}.promo-popup{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease}.promo-popup.open{opacity:1}.promo-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.promo-popup-dialog{position:relative;z-index:1;width:min(700px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:20px;border:1px solid rgba(255,212,57,.3);background:#130b0c;box-shadow:0 30px 100px rgba(0,0,0,.6)}.promo-popup-close{position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(16,8,9,.82);color:#fff;font-size:26px;cursor:pointer}.promo-popup-image{display:block;width:100%;max-height:390px;object-fit:cover;border-radius:19px 19px 0 0}.promo-popup-copy{padding:22px}.promo-popup-copy>span{color:#ffd33f;font-size:10px;font-weight:950;letter-spacing:.16em}.promo-popup-copy h2{margin:7px 0 10px;font-size:28px}.promo-popup-copy p{color:#c9bec0;line-height:1.65}.promo-popup-copy a{display:inline-flex;margin-top:8px;padding:12px 18px;border-radius:9px;background:linear-gradient(180deg,#ffdc58,#eab725);color:#100b04;text-decoration:none;font-weight:950}

@media(max-width:620px){.announcement-inner{gap:8px;padding-left:12px;padding-right:12px}.announcement-inner span,.announcement-inner a{font-size:10px}.footer-bottom{flex-direction:column}.promo-popup-copy h2{font-size:23px}}


/* v8.1 multilingual SEO + article pages */
.article-read-link{display:inline-flex;align-items:center;margin-top:10px;color:#ffd33f;font-size:12px;font-weight:950;text-decoration:none}.article-read-link:hover{text-decoration:underline}
.article-page{background:#0b090a}.article-back-header{margin-left:18px;color:#eee4e4;text-decoration:none;font-size:12px;font-weight:850}
.article-detail-main{min-height:70vh;padding:42px 0 74px}.article-detail{max-width:980px}.article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:#8e8586;font-size:11px}.article-breadcrumb a{color:#cdbfbd;text-decoration:none}
.article-detail-hero{display:block;width:100%;max-height:500px;object-fit:cover;border-radius:20px;border:1px solid #302829;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.article-detail-copy{max-width:820px;margin:32px auto 0}.article-detail-kicker{color:#f4c83e;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.article-detail-copy h1{margin:9px 0 14px;font-size:clamp(30px,5vw,52px);line-height:1.08}.article-detail-lead{margin:0 0 28px;color:#cfc3c4;font-size:17px;line-height:1.7}.article-detail-body{color:#ded3d4;font-size:15px;line-height:1.9}
.article-back-btn{display:inline-flex;margin-top:34px;padding:11px 15px;border:1px solid #45383a;border-radius:10px;color:#ffd33f;text-decoration:none;font-size:12px;font-weight:900}
@media(max-width:620px){.article-back-header{margin-left:8px;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-detail-main{padding-top:24px}.article-detail-hero{border-radius:13px}.article-detail-copy h1{font-size:30px}.article-detail-lead{font-size:15px}.article-detail-body{font-size:14px}}