:root{
  --color-bg-primary:#0B1B2B;
  --color-bg-surface:#0D2137;
  --color-bg-card:#112840;
  --color-accent-gold:#D5AF37;
  --color-accent-yellow:#F2D067;
  --color-accent-purple:#6B73BD;
  --color-success:#23C55E;
  --color-danger:#EF4444;
  --color-text-primary:#FFFFFF;
  --color-text-muted:#94A3B8;
  --color-border:rgba(213,175,55,0.15);
  --ax-radius-card:22px;
  --ax-font-display:Sora,Inter,system-ui,-apple-system,Segoe UI,sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
html,body{max-width:100%}
body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
main,main>section,footer,header+section{max-width:100%}
main>section,main>div>section{overflow-x:clip}
img,svg,video,iframe,table{max-width:100%}
@media (max-width:768px){
  [data-aos^="fade-left"],[data-aos^="fade-right"],[data-aos^="zoom"],[data-aos^="flip"],[data-aos^="slide"]{transform:translate3d(0,24px,0) !important}
  [data-aos^="fade-left"].aos-animate,[data-aos^="fade-right"].aos-animate,[data-aos^="zoom"].aos-animate,[data-aos^="flip"].aos-animate,[data-aos^="slide"].aos-animate{transform:none !important}
  .tradingview-widget-container,.tradingview-widget-container iframe{max-width:100% !important}
}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background:var(--color-bg-primary);
  color:var(--color-text-primary);
}
h1,h2,h3,.ax-section-title,.ax-display{
  font-family:var(--ax-font-display);
  letter-spacing:-0.025em;
}

.ax-nav{
  background:linear-gradient(to bottom, rgba(11,27,43,0.72), rgba(11,27,43,0.20));
}
.ax-nav--scrolled{
  background:rgba(13,33,55,0.64);
  border-bottom:1px solid var(--color-border);
  backdrop-filter:blur(14px);
}
/* JS toggles .is-scrolled on [data-sticky-chrome] (see layout-chrome.js) */
[data-sticky-chrome].ax-nav.is-scrolled{
  background:rgba(13,33,55,0.72);
  border-bottom:1px solid var(--color-border);
  backdrop-filter:blur(14px);
}

.ax-logo-mark{
  width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(213,175,55,0.22), rgba(243,226,184,0.10));
  border:1px solid rgba(213,175,55,0.35);
  box-shadow:0 0 0 1px rgba(213,175,55,0.08), 0 14px 38px rgba(0,0,0,0.35);
}
.ax-logo-w{
  font-weight:800;
  letter-spacing:-0.06em;
  color:var(--color-accent-gold);
  text-shadow:0 0 18px rgba(213,175,55,0.35);
}

.ax-navlink{
  position:relative;
  transition:color .2s ease, opacity .2s ease;
}
.ax-navlink:hover{color:#fff}
.ax-navlink::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-10px;
  height:2px;border-radius:2px;
  transform:scaleX(0);
  background:linear-gradient(90deg, transparent, var(--color-accent-gold), transparent);
  transition:transform .25s ease;
  transform-origin:center;
}
.ax-navlink:hover::after{transform:scaleX(1)}

.ax-mobile-panel{
  background:rgba(13,33,55,0.78);
  border-left:1px solid var(--color-border);
  backdrop-filter:blur(18px);
}
.ax-mobile-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid var(--color-border);
  background:rgba(17,40,64,0.45);
  color:white;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.ax-mobile-link:hover{
  transform:translateY(-1px);
  background:rgba(17,40,64,0.72);
  border-color:rgba(213,175,55,0.35);
}

.ax-card{
  background:linear-gradient(180deg, rgba(20,45,72,0.82), rgba(15,36,58,0.78));
  border:1px solid var(--color-border);
  border-radius:var(--ax-radius-card);
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(243,226,184,0.07), 0 20px 48px rgba(0,0,0,0.36);
}
.ax-card-hover{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.ax-card-hover:hover{
  transform:translateY(-4px);
  border-color:rgba(213,175,55,0.34);
  box-shadow:0 18px 60px rgba(0,0,0,0.45), 0 0 0 1px rgba(213,175,55,0.10), 0 0 28px rgba(213,175,55,0.14);
}

.ax-media-card{
  position:relative;
  border-radius:var(--ax-radius-card);
  overflow:hidden;
  border:1px solid var(--color-border);
  background:rgba(17,40,64,0.65);
  box-shadow:0 18px 50px rgba(0,0,0,0.38);
}
.ax-media-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.42;
  transform:scale(1.03);
}
.ax-media-card::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(11,27,43,0.92), rgba(11,27,43,0.65), rgba(213,175,55,0.10));
}
.ax-media-card > .ax-media-content{
  position:absolute; inset:0;
  padding:18px;
  z-index:2;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.74rem 1.1rem;
  border-radius:12px;
  font-weight:600;
  font-size:.95rem;
  line-height:1;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  user-select:none;
}
.btn:active{transform:translateY(1px)}
.btn-gold{
  background:linear-gradient(135deg, var(--color-accent-gold), #F2D067);
  color:#0B1B2B;
  box-shadow:0 16px 38px rgba(213,175,55,0.18);
}
.btn-gold:hover{box-shadow:0 18px 48px rgba(213,175,55,0.22)}
.btn-outline-gold{
  border:1px solid rgba(213,175,55,0.55);
  color:var(--color-accent-gold);
  background:rgba(213,175,55,0.08);
}
.btn-outline-gold:hover{
  border-color:rgba(243,226,184,0.55);
  color:var(--color-accent-yellow);
  background:rgba(213,175,55,0.12);
}

.ax-section-title{
  font-size:1.75rem;
  font-weight:700;
  letter-spacing:-0.02em;
}
.ax-underline{
  position:relative;
  display:inline-block;
}
.ax-underline::after{
  content:"";
  position:absolute;left:0;bottom:-10px;
  width:70%;height:3px;border-radius:3px;
  background:linear-gradient(90deg, var(--color-accent-gold), rgba(213,175,55,0));
}

.ax-input{
  width:100%;
  padding:.85rem .95rem;
  border-radius:14px;
  background:rgba(11,27,43,0.55);
  border:1px solid rgba(213,175,55,0.16);
  color:#fff;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.ax-input::placeholder{color:rgba(148,163,184,0.75)}
.ax-input:focus{
  border-color:rgba(213,175,55,0.55);
  box-shadow:0 0 0 4px rgba(213,175,55,0.12);
}

.ax-status{
  display:inline-flex;align-items:center;gap:.45rem;
  font-size:.75rem;
  color:var(--color-text-muted);
  white-space:nowrap;
}

.ax-ribbon-wrap{
  position:absolute;inset:0;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
}
.ax-ribbon{
  position:absolute;top:22px;right:-46px;
  width:170px;
  transform:rotate(45deg);
  padding:.28rem 0;
  text-align:center;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--color-bg-primary);
  background:linear-gradient(90deg, var(--color-accent-gold), var(--color-accent-yellow));
  box-shadow:0 6px 16px rgba(0,0,0,0.28);
}

.ax-footer-link{transition:color .2s ease}
.ax-footer-link:hover{color:var(--color-accent-gold)}
.ax-social{
  width:40px;height:40px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--color-border);
  background:rgba(255,255,255,0.04);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ax-social:hover{
  transform:translateY(-2px);
  border-color:rgba(213,175,55,0.35);
  box-shadow:0 0 22px rgba(213,175,55,0.12);
}

[x-cloak]{display:none !important}

/* Smartsupp: float above sticky headers / sidebars (Tailwind z-[80] etc.) */
#smartsupp-chat-widget,
#smartsupp-widget-container,
#widget-small,
iframe[src*="smartsuppchat"],
iframe[src*="smartsupp"] {
  z-index: 2147483000 !important;
}

/* Google Website Translator — hide injected chrome; we use our own <select>. */
.ax-google-translate-root {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  clip: rect(0 0 0 0);
}
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
iframe.skiptranslate,
.goog-te-balloon-frame,
body > div.skiptranslate iframe {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}
body.translated-rtl,
body.translated-ltr {
  top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
}
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
  visibility: hidden !important;
}

/* Our language <select>: readable list + dark native menu where supported */
select.ax-google-translate-select {
  color: var(--color-text-primary) !important;
  background-color: var(--color-bg-surface) !important;
  color-scheme: dark;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.35rem center;
}
select.ax-google-translate-select option,
select.ax-google-translate-select optgroup {
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
}
select.ax-google-translate-select--dash {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

