/* Generated by BetTekka Conditional CSS. Do not edit this file directly. */
.bta-home{--bg:#080711;--surface:#100c20;--surface-2:#17102c;--line:rgba(169,120,255,.20);--purple:#8b4dff;--purple-2:#b896ff;--green:#26d9a5;--text:#f8f6ff;--muted:#b8b1ca;--shadow:0 20px 60px rgba(0,0,0,.34);background:var(--bg);color:var(--text);font-family:inherit;overflow:hidden}
  .bta-home *{box-sizing:border-box}
  .bta-home a{text-decoration:none}
  .bta-wrap{width:min(1180px,calc(100% - 36px));margin:auto}
  .bta-section{padding:88px 0;position:relative}
  .bta-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--purple-2);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .bta-kicker:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--purple),var(--green));border-radius:2px}
  .bta-title{max-width:760px;margin:0 0 16px;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.035em}
  .bta-copy{max-width:720px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}
  .bta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
  .bta-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 25px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:800;transition:.2s ease}
  .bta-btn-primary{background:linear-gradient(135deg,#7130f5,#9b57ff);color:#fff;box-shadow:0 12px 34px rgba(123,55,255,.34)}
  .bta-btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 42px rgba(123,55,255,.46)}
  .bta-btn-secondary{border-color:var(--line);background:rgba(255,255,255,.025);color:#fff}
  .bta-btn-secondary:hover{border-color:var(--purple);color:#fff;background:rgba(139,77,255,.08)}
  .bta-hero{min-height:670px;display:flex;align-items:center;background:radial-gradient(circle at 75% 28%,rgba(126,53,255,.25),transparent 27%),radial-gradient(circle at 16% 6%,rgba(38,217,165,.08),transparent 25%),linear-gradient(135deg,#06060d 0%,#0d081b 56%,#080711 100%)}
  .bta-hero:after{content:"";position:absolute;inset:auto -10% -210px 42%;height:430px;background:radial-gradient(ellipse,rgba(121,50,255,.14),transparent 66%);pointer-events:none}
  .bta-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:65px;align-items:center}
  .bta-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:22px;border:1px solid rgba(38,217,165,.22);border-radius:999px;background:rgba(38,217,165,.07);color:#78ebc9;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .bta-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
  .bta-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(43px,6.2vw,76px);line-height:1.01;letter-spacing:-.052em}
  .bta-gradient{background:linear-gradient(90deg,#fff 0%,#c9adff 44%,#8d50ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .bta-hero p{max-width:680px;margin:24px 0 0;color:#c4bed1;font-size:18px;line-height:1.75}
  .bta-note{display:flex;gap:9px;align-items:flex-start;margin-top:21px;color:#948da5;font-size:12px;line-height:1.55}
  .bta-note:before{content:"✓";flex:0 0 19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(38,217,165,.1);color:var(--green);font-weight:900}
  .bta-visual{position:relative;min-height:410px;display:grid;place-items:center}
  .bta-orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(152,94,255,.22);border-radius:50%;box-shadow:inset 0 0 70px rgba(118,50,255,.07)}
  .bta-orbit:before,.bta-orbit:after{content:"";position:absolute;border:1px solid rgba(152,94,255,.14);border-radius:50%;inset:34px}.bta-orbit:after{inset:79px}
  .bta-program-card{position:relative;z-index:2;width:min(360px,100%);padding:32px;border:1px solid rgba(169,120,255,.28);border-radius:22px;background:linear-gradient(145deg,rgba(31,20,59,.94),rgba(13,10,25,.96));box-shadow:var(--shadow);backdrop-filter:blur(12px)}
  .bta-card-logo{width:70px;height:70px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(157,100,255,.35);border-radius:19px;background:#05050a;color:#fff;font-size:25px;font-weight:900;box-shadow:0 0 40px rgba(125,54,255,.23)}
  .bta-card-logo span{color:var(--purple)}
  .bta-program-card h2{margin:0 0 10px;color:#fff;font-size:25px;line-height:1.2}
  .bta-program-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
  .bta-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
  .bta-mini{padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}
  .bta-mini strong{display:block;margin-bottom:4px;color:#fff;font-size:14px}.bta-mini span{color:#9891aa;font-size:11px}
  .bta-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0917}
  .bta-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
  .bta-strip-item{padding:25px 20px;border-right:1px solid var(--line);text-align:center}.bta-strip-item:last-child{border:0}
  .bta-strip-item strong{display:block;color:#fff;font-size:15px}.bta-strip-item span{display:block;margin-top:4px;color:#8f889e;font-size:12px}
  .bta-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}
  .bta-feature{min-height:240px;padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(24,16,46,.88),rgba(13,10,25,.72));transition:.22s ease}
  .bta-feature:hover{transform:translateY(-4px);border-color:rgba(155,92,255,.52)}
  .bta-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:35px;border:1px solid rgba(165,105,255,.28);border-radius:12px;background:rgba(137,66,255,.12);color:#c7aaff;font-size:20px;font-weight:900}
  .bta-feature h3{margin:0 0 10px;color:#fff;font-size:17px}.bta-feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
  .bta-dark{background:#0d091a}
  .bta-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:44px}
  .bta-step{position:relative;padding:30px;border:1px solid var(--line);border-radius:16px;background:#0b0915}
  .bta-step-num{display:block;margin-bottom:30px;color:rgba(177,136,255,.45);font-size:45px;font-weight:900;line-height:1}
  .bta-step h3{margin:0 0 9px;color:#fff;font-size:20px}.bta-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
  .bta-commission{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}
  .bta-panel{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#17102b,#0d0a18);box-shadow:var(--shadow)}
  .bta-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
  .bta-panel-head strong{color:#fff;font-size:17px}.bta-status{padding:6px 9px;border:1px solid rgba(38,217,165,.24);border-radius:999px;background:rgba(38,217,165,.07);color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase}
  .bta-list{list-style:none;margin:18px 0 0;padding:0}.bta-list li{position:relative;padding:13px 0 13px 29px;border-bottom:1px solid rgba(169,120,255,.11);color:#c9c3d5;font-size:14px;line-height:1.55}.bta-list li:last-child{border:0}.bta-list li:before{content:"✓";position:absolute;left:0;top:13px;color:var(--green);font-weight:900}
  .bta-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
  .bta-person{padding:23px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
  .bta-person strong{display:block;margin-bottom:6px;color:#fff;font-size:16px}.bta-person span{color:var(--muted);font-size:13px;line-height:1.6}
  .bta-support{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}
  .bta-support-card{padding:30px;border:1px solid var(--line);border-radius:16px;background:#100c20}
  .bta-support-card h3{margin:0 0 10px;color:#fff;font-size:21px}.bta-support-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
  .bta-faq{max-width:900px;margin:40px auto 0}
  .bta-faq details{margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:#100c20;overflow:hidden}
  .bta-faq summary{position:relative;cursor:pointer;list-style:none;padding:20px 55px 20px 21px;color:#fff;font-size:15px;font-weight:800}.bta-faq summary::-webkit-details-marker{display:none}.bta-faq summary:after{content:"+";position:absolute;right:20px;top:15px;color:var(--purple-2);font-size:25px}.bta-faq details[open] summary:after{content:"−"}.bta-faq details p{margin:0;padding:0 21px 21px;color:var(--muted);font-size:14px;line-height:1.75}
  .bta-final{padding:95px 0;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(126,53,255,.24),transparent 36%),#090711}.bta-final .bta-title,.bta-final .bta-copy{margin-left:auto;margin-right:auto}.bta-final .bta-btns{justify-content:center}
  @media(max-width:960px){.bta-section{padding:70px 0}.bta-hero{min-height:auto;padding:95px 0 70px}.bta-hero-grid,.bta-commission{grid-template-columns:1fr}.bta-visual{min-height:370px}.bta-grid-4{grid-template-columns:repeat(2,1fr)}.bta-audience{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:640px){.bta-wrap{width:min(100% - 28px,1180px)}.bta-section{padding:58px 0}.bta-hero{padding:70px 0 50px}.bta-hero h1{font-size:42px}.bta-hero p{font-size:16px}.bta-visual{min-height:340px}.bta-orbit{width:300px;height:300px}.bta-program-card{padding:25px}.bta-strip-grid,.bta-grid-4,.bta-steps,.bta-audience,.bta-support{grid-template-columns:1fr}.bta-strip-item{border-right:0;border-bottom:1px solid var(--line)}.bta-strip-item:last-child{border-bottom:0}.bta-feature{min-height:auto}.bta-icon{margin-bottom:24px}.bta-title{font-size:32px}.bta-btn{width:100%}}
/* ========================================
   BETTEKKA AFFILIATE FOOTER
======================================== */

.bta-footer {
  --bta-purple: #8b4dff;
  --bta-purple-light: #b997ff;
  --bta-green: #28d9a5;
  --bta-text: #f7f4ff;
  --bta-muted: #9d96ae;
  --bta-line: rgba(162, 111, 255, 0.18);

  position: relative;
  width: 100%;
  padding: 55px 0 30px;
  overflow: hidden;
  color: var(--bta-text);
  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(128, 55, 255, 0.13),
      transparent 30%
    ),
    linear-gradient(180deg, #080711 0%, #05050a 100%);
  border-top: 1px solid var(--bta-line);
}

.bta-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(1180px, calc(100% - 36px));
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent,
    var(--bta-purple),
    var(--bta-green),
    transparent
  );
  opacity: 0.7;
}

.bta-footer * {
  box-sizing: border-box;
}

.bta-footer a {
  text-decoration: none;
}

.bta-footer-inner {
  display: grid;
  grid-template-columns: minmax(250px, 0.8fr) minmax(460px, 1.2fr);
  gap: 65px;
  align-items: center;
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
}

/* BRAND */

.bta-footer-logo {
  display: inline-flex;
  align-items: baseline;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1.3px;
}

.bta-footer-logo:hover {
  color: #fff;
}

.bta-footer-logo .bta-logo-bet {
  color: var(--bta-purple-light);
}

.bta-footer-logo small {
  margin-left: 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}

.bta-footer-description {
  max-width: 400px;
  margin: 17px 0 0;
  color: var(--bta-muted);
  font-size: 13px;
  line-height: 1.65;
}

/* SOCIAL ICONS */

.bta-footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 23px;
}

.bta-footer-socials a {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--bta-line);
  border-radius: 50%;
  transition: 0.2s ease;
}

.bta-footer-socials a:hover {
  color: #fff;
  background: var(--bta-purple);
  border-color: var(--bta-purple);
  box-shadow: 0 8px 25px rgba(129, 55, 255, 0.35);
  transform: translateY(-3px);
}

.bta-footer-socials svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bta-footer-socials a:last-child svg {
  fill: currentColor;
  stroke: none;
}

/* RIGHT SIDE */

.bta-footer-info {
  text-align: right;
}

.bta-footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 0;
}

.bta-footer-nav a {
  position: relative;
  padding: 0 14px;
  color: #f2eff8;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.bta-footer-nav a:first-child {
  padding-left: 0;
}

.bta-footer-nav a:last-child {
  padding-right: 0;
}

.bta-footer-nav a:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 14px;
  background: var(--bta-line);
}

.bta-footer-nav a:hover,
.bta-footer-contact a:hover {
  color: var(--bta-purple-light);
}

.bta-footer-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 11px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 700;
}

.bta-footer-contact a {
  color: #fff;
  transition: color 0.2s ease;
}

.bta-footer-separator {
  color: #615b70;
}

.bta-footer-responsible {
  margin: 17px 0 0;
  color: var(--bta-muted);
  font-size: 11px;
  line-height: 1.6;
}

.bta-footer-copyright {
  margin: 9px 0 0;
  color: #c1bacf;
  font-size: 12px;
}

/* TABLET */

@media (max-width: 850px) {
  .bta-footer-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .bta-footer-brand,
  .bta-footer-info {
    text-align: center;
  }

  .bta-footer-description {
    margin-right: auto;
    margin-left: auto;
  }

  .bta-footer-socials,
  .bta-footer-nav,
  .bta-footer-contact {
    justify-content: center;
  }
}

/* MOBILE */

@media (max-width: 560px) {
  .bta-footer {
    padding: 45px 0 25px;
  }

  .bta-footer-inner {
    width: min(100% - 28px, 1180px);
  }

  .bta-footer-logo {
    font-size: 27px;
  }

  .bta-footer-nav {
    flex-direction: column;
    gap: 13px;
  }

  .bta-footer-nav a {
    padding: 0;
  }

  .bta-footer-nav a::after {
    display: none;
  }

  .bta-footer-contact {
    flex-direction: column;
    gap: 8px;
  }

  .bta-footer-separator {
    display: none;
  }
}

/* Add this below the existing BetTekka homepage CSS */

.bta-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.bta-top-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #080711;
}

.bta-top-banner a,
.bta-top-banner picture,
.bta-top-banner img {
  display: block;
  width: 100%;
}

.bta-top-banner img {
  height: auto;
  margin: 0;
}

.bta-mobile-banner-cta {
  display: none;
}

.bta-payout-section {
  background:
    radial-gradient(circle at 85% 15%, rgba(38, 217, 165, .08), transparent 28%),
    linear-gradient(180deg, #0d091a 0%, #080711 100%);
}

.bta-payout-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  margin-top: 42px;
}

.bta-crypto-panel,
.bta-payment-facts {
  margin: 0;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(24, 16, 46, .92), rgba(13, 10, 25, .86));
  box-shadow: var(--shadow);
}

.bta-crypto-panel h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 21px;
}

.bta-crypto-panel > p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}

.bta-crypto-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  margin-top: 25px;
}

.bta-crypto-card {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 76px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 13px;
  background: rgba(255, 255, 255, .035);
}

.bta-coin-icon {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.bta-btc .bta-coin-icon { background: #f7931a; }
.bta-eth .bta-coin-icon { background: linear-gradient(145deg, #8a92b2, #3c3c3d); }
.bta-usdt .bta-coin-icon { background: #26a17b; }

.bta-crypto-card strong,
.bta-crypto-card small {
  display: block;
}

.bta-crypto-card strong {
  color: #fff;
  font-size: 15px;
}

.bta-crypto-card small {
  margin-top: 2px;
  color: #928ba2;
  font-size: 10px;
}

.bta-payment-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  padding: 0;
  overflow: hidden;
  background: var(--line);
}

.bta-payment-facts > div {
  padding: 24px;
  background: #100c20;
}

.bta-payment-facts dt {
  margin-bottom: 9px;
  color: #928ba2;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bta-payment-facts dd {
  margin: 0;
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.3;
}

.bta-payment-facts > div:first-child dd {
  color: var(--green);
  font-size: 27px;
}

.bta-payment-note {
  margin: 18px 0 0;
  padding: 13px 16px;
  border: 1px solid rgba(38, 217, 165, .14);
  border-radius: 10px;
  background: rgba(38, 217, 165, .045);
  color: #aaa3b8;
  font-size: 11px;
  line-height: 1.6;
}

@media (max-width: 850px) {
  .bta-payout-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .bta-top-banner {
    aspect-ratio: auto;
    overflow: visible;
    background: #080711;
  }

  .bta-top-banner img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transform: none;
  }

  .bta-mobile-banner-cta {
    display: block;
    padding: 22px 14px 26px;
    text-align: center;
    border-top: 1px solid rgba(169, 120, 255, .16);
    border-bottom: 1px solid rgba(169, 120, 255, .16);
    background:
      radial-gradient(circle at 50% 0%, rgba(126, 53, 255, .20), transparent 62%),
      #0d091a;
  }

  .bta-mobile-banner-cta p {
    max-width: 330px;
    margin: 0 auto 15px;
    color: #d6d0e2;
    font-size: 14px;
    line-height: 1.55;
  }

  .bta-mobile-banner-cta .bta-btn {
    width: min(100%, 330px);
    min-height: 50px;
    margin: 0 auto;
  }

  .bta-mobile-login {
    display: block;
    margin-top: 13px;
    color: #b896ff;
    font-size: 12px;
    font-weight: 700;
  }

  .bta-mobile-login:hover {
    color: #fff;
  }

  .bta-crypto-panel {
    padding: 22px;
  }

  .bta-crypto-list,
  .bta-payment-facts {
    grid-template-columns: 1fr;
  }

  .bta-payment-facts > div {
    padding: 19px 21px;
  }
}

/* ========================================
   BETTEKKA LANGUAGE SWITCHER
======================================== */

.header-language-dropdown {
  position: relative;
  margin-left: 8px !important;
}

/* Nút ngôn ngữ trên header */
.header-language-dropdown > .header-language-dropdown__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 46px;
  padding: 0 16px !important;
  border: 1px solid rgba(163, 104, 255, .28);
  border-radius: 999px;
  background: rgba(139, 77, 255, .07);
  color: #f7f4ff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.header-language-dropdown:hover >
.header-language-dropdown__link,
.header-language-dropdown >
.header-language-dropdown__link:focus {
  color: #fff !important;
  border-color: #8b4dff;
  background: rgba(139, 77, 255, .15);
  box-shadow: 0 0 24px rgba(125, 53, 245, .18);
}

/* Lá cờ hiện tại */
.header-language-dropdown__link .image-icon {
  display: inline-flex;
  width: 22px;
  height: 15px;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .14);
}

.header-language-dropdown__link .image-icon img {
  display: block;
  width: 22px;
  height: 15px;
  object-fit: cover;
}

/* Mũi tên */
.header-language-dropdown__link .icon-angle-down {
  margin: 0 0 0 1px !important;
  color: #b997ff;
  font-size: 13px;
  transition: transform .2s ease;
}

.header-language-dropdown:hover
.header-language-dropdown__link .icon-angle-down {
  transform: rotate(180deg);
}

/* Dropdown */
.header-language-dropdown >
#ux-language-dropdown.nav-dropdown {
  left: auto !important;
  right: 0 !important;
  width: 205px !important;
  min-width: 205px !important;
  padding: 8px !important;
  border: 1px solid rgba(165, 105, 255, .30) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(
      circle at 85% 0%,
      rgba(139, 77, 255, .16),
      transparent 42%
    ),
    #100c20 !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .48) !important;
}

/* Tam giác phía trên */
.header-language-dropdown >
#ux-language-dropdown.nav-dropdown::before {
  border-bottom-color: rgba(165, 105, 255, .30) !important;
}

.header-language-dropdown >
#ux-language-dropdown.nav-dropdown::after {
  border-bottom-color: #100c20 !important;
}

/* Từng ngôn ngữ */
#ux-language-dropdown > li {
  margin: 0 !important;
  border: 0 !important;
}

#ux-language-dropdown > li + li {
  margin-top: 4px !important;
}

#ux-language-dropdown > li > a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 13px !important;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #c8c1d7 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  transition: .18s ease;
}

#ux-language-dropdown > li > a:hover {
  color: #fff !important;
  border-color: rgba(157, 91, 255, .22);
  background: rgba(139, 77, 255, .12) !important;
}

/* Ngôn ngữ đang được chọn */
#ux-language-dropdown > li.active > a {
  color: #fff !important;
  border-color: rgba(139, 77, 255, .25);
  background:
    linear-gradient(
      90deg,
      rgba(139, 77, 255, .18),
      rgba(139, 77, 255, .05)
    ) !important;
}

/* Cờ trong dropdown */
#ux-language-dropdown .icon-image {
  display: inline-flex;
  flex: 0 0 24px;
  width: 24px;
  height: 16px;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 2px;
}

#ux-language-dropdown .icon-image img {
  width: 24px;
  height: 16px;
  object-fit: cover;
}

/* Tablet và mobile */
@media (max-width: 849px) {
  .header-language-dropdown {
    margin-left: 4px !important;
  }

  .header-language-dropdown >
  .header-language-dropdown__link {
    min-height: 42px;
    padding: 0 12px !important;
    font-size: 13px;
  }

  .header-language-dropdown >
  #ux-language-dropdown.nav-dropdown {
    right: 0 !important;
    width: 185px !important;
    min-width: 185px !important;
  }

  #ux-language-dropdown > li > a {
    min-height: 46px;
  }
}

@media (max-width: 549px) {
  .header-language-dropdown >
  .header-language-dropdown__link {
    width: 44px;
    min-width: 44px;
    padding: 0 !important;
    font-size: 0;
  }

  .header-language-dropdown__link .icon-angle-down {
    display: none;
  }
}
@media (max-width:640px){
.bta-program-card,.bta-panel,.bta-btn-primary{box-shadow:0 10px 25px rgba(0,0,0,.22)}
.bta-program-card{backdrop-filter:none;-webkit-backdrop-filter:none}
.bta-feature:hover,.bta-btn-primary:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
.bta-home *,.bta-footer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
