/* ===== V8 professional animated V brand ===== */
.vx-pro-nav .vx-v7-brand{
  height:66px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:0!important;
  line-height:1!important;
  overflow:visible!important;
}
.vx-pro-nav .vx-v7-brand-mark,
.vx-drawer-brand-mark,
.vx-footer-brand-mark{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:visible!important;
  isolation:isolate!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(21,47,51,.52),rgba(5,12,17,.08) 66%,transparent 67%)!important;
}
.vx-pro-nav .vx-v7-brand-mark{width:46px!important;height:46px!important;flex:0 0 46px!important;}
.vx-pro-nav .vx-v7-brand-word{
  display:inline-flex!important;
  align-items:center!important;
  height:46px!important;
  margin:0!important;
  transform:none!important;
  color:#35e5d4!important;
  -webkit-text-fill-color:#35e5d4!important;
  font-size:27px!important;
  font-weight:930!important;
  letter-spacing:4.6px!important;
  line-height:46px!important;
  text-shadow:0 0 16px rgba(39,230,211,.13)!important;
}
.vx-pro-nav .vx-v7-brand-mark::before,
.vx-drawer-brand-mark::before,
.vx-footer-brand-mark::before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  border-radius:50%!important;
  background:conic-gradient(from 24deg,transparent 0 12%,#24dfcf 13% 28%,transparent 29% 51%,rgba(39,230,211,.78) 52% 71%,transparent 72% 91%,rgba(39,230,211,.34) 92% 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)!important;
  filter:drop-shadow(0 0 5px rgba(39,230,211,.30))!important;
  animation:vxV8OuterSpin 5.8s linear infinite!important;
  pointer-events:none!important;
  z-index:0!important;
}
.vx-pro-nav .vx-v7-brand-mark::after,
.vx-drawer-brand-mark::after,
.vx-footer-brand-mark::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:50%!important;
  background:conic-gradient(from 190deg,transparent 0 24%,rgba(39,230,211,.56) 25% 47%,transparent 48% 73%,rgba(39,230,211,.22) 74% 91%,transparent 92% 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0)!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0)!important;
  animation:vxV8InnerSpin 8.8s linear infinite!important;
  pointer-events:none!important;
  z-index:1!important;
}
.vx-pro-nav .vx-v7-brand-mark svg,
.vx-drawer-brand-mark svg,
.vx-footer-brand-mark svg{
  position:relative!important;
  z-index:2!important;
  width:78%!important;
  height:78%!important;
  display:block!important;
  animation:vxV8VBreathe 3.4s ease-in-out infinite!important;
  filter:drop-shadow(0 0 7px rgba(39,230,211,.24))!important;
}
@keyframes vxV8OuterSpin{to{transform:rotate(360deg)}}
@keyframes vxV8InnerSpin{to{transform:rotate(-360deg)}}
@keyframes vxV8VBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.045)}}

/* ===== Header function search ===== */
.vx-nav-search{
  position:relative!important;
  width:clamp(180px,16vw,270px)!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  flex:0 1 270px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  transition:border-color .2s ease,background .2s ease!important;
}
.vx-nav-search:focus-within{
  border-color:rgba(39,230,211,.42)!important;
  background:rgba(39,230,211,.035)!important;
}
.vx-nav-search input{
  min-width:0!important;
  height:100%!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0 8px 0 13px!important;
  border:0!important;
  outline:0!important;
  border-radius:9px 0 0 9px!important;
  background:transparent!important;
  color:#e8eef1!important;
  font-size:12px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.vx-nav-search input::placeholder{color:#66737d!important;}
.vx-nav-search-button{
  width:40px!important;
  height:36px!important;
  flex:0 0 40px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.075)!important;
  border-radius:0 8px 8px 0!important;
  background:transparent!important;
  color:#9ba7af!important;
  font-size:20px!important;
  font-weight:500!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.vx-nav-search-button:hover{color:#35e5d4!important;background:rgba(39,230,211,.055)!important;transform:none!important;}
.vx-nav-search-results{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:1000003!important;
  display:none!important;
  max-height:360px!important;
  overflow:auto!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:rgba(10,15,20,.985)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.vx-nav-search-results.is-open{display:block!important;}
.vx-nav-search-item{
  width:100%!important;
  min-height:43px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#d7dfe4!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.vx-nav-search-item:hover,.vx-nav-search-item.is-selected{background:rgba(39,230,211,.075)!important;color:#fff!important;transform:none!important;}
.vx-nav-search-item strong{font-size:13px!important;}
.vx-nav-search-item small{color:#74818b!important;font-size:10px!important;}
.vx-nav-search-empty{padding:13px;color:#74818b;font-size:12px;text-align:center;}

/* ===== Live market ticker replaces announcement rail ===== */
.vx-live-price-rail{background:#0b1014!important;}
.vx-live-price-label{color:#35e5d4!important;}
.vx-live-price-label i{background:#35e5d4!important;box-shadow:0 0 9px rgba(39,230,211,.38)!important;}
.vx-v7-news-viewport{overflow:hidden!important;min-width:0!important;}
.vx-live-market-track{
  width:max-content!important;
  display:flex!important;
  align-items:center!important;
  will-change:transform!important;
  animation:vxV8MarketTicker 42s linear infinite!important;
}
.vx-live-market-track:hover{animation-play-state:paused!important;}
.vx-live-market-group{display:flex!important;align-items:center!important;flex:none!important;}
.vx-live-market-item{
  min-height:52px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  border-right:1px solid rgba(255,255,255,.065)!important;
  color:#cfd6db!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.vx-live-market-item:hover{background:rgba(39,230,211,.035)!important;color:#fff!important;}
.vx-live-market-item b{font-size:11px!important;color:#e7ecef!important;}
.vx-live-market-item em{font-style:normal!important;font-size:11px!important;color:#aeb9c1!important;}
.vx-live-market-item i{font-style:normal!important;font-size:10px!important;font-weight:800!important;}
.vx-live-market-item i.positive{color:#0ecb81!important;}
.vx-live-market-item i.negative{color:#f6465d!important;}
.vx-live-market-loading{padding:0 18px;color:#74818b;font-size:11px;}
@keyframes vxV8MarketTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== Fully functional market ranking tabs ===== */
.vx-v6-panel-head .vx-market-tabs{height:64px!important;display:flex!important;align-items:center!important;gap:22px!important;overflow-x:auto!important;scrollbar-width:none!important;}
.vx-v6-panel-head .vx-market-tabs::-webkit-scrollbar{display:none!important;}
.vx-v6-panel-head .vx-market-tabs button{
  position:relative!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8995a1!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:720!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.vx-v6-panel-head .vx-market-tabs button::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:2px!important;
  background:#35e5d4!important;
  transform:scaleX(0)!important;
  transition:transform .2s ease!important;
}
.vx-v6-panel-head .vx-market-tabs button:hover{color:#dce4e8!important;transform:none!important;}
.vx-v6-panel-head .vx-market-tabs button.is-active{color:#35e5d4!important;}
.vx-v6-panel-head .vx-market-tabs button.is-active::after{transform:scaleX(1)!important;}
.vx-tab-coin-icon{
  position:relative!important;
  width:26px!important;height:26px!important;
  flex:0 0 26px!important;
  display:grid!important;place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#20272d!important;
  color:#8e9aa3!important;
  font-size:10px!important;
  font-weight:900!important;
}
.vx-tab-coin-icon img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#10151a!important;}
.vx-market-metric-turnover{color:#d9e1e5!important;font-size:11px!important;font-weight:750!important;}

/* ===== Larger, aligned footer ===== */
.footer-pro{padding-top:58px!important;}
.footer-grid{align-items:start!important;}
.vx-footer-brand-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.vx-footer-brand{
  min-height:74px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  margin:0 auto 10px!important;
}
.vx-footer-brand-mark{width:58px!important;height:58px!important;flex:0 0 58px!important;}
.vx-footer-brand-word{color:#35e5d4!important;font-size:31px!important;font-weight:930!important;letter-spacing:5px!important;line-height:1!important;}
.footer-slogan{margin:4px 0 20px!important;color:#d2d9de!important;font-size:18px!important;text-align:center!important;}
.vx-footer-brand-column>div:not(.vx-footer-brand):not(.footer-slogan):not(.qr-box):not(.footer-social){font-size:15px!important;color:#9aa6af!important;}
.vx-footer-brand-column .qr-box{margin-left:auto!important;margin-right:auto!important;}
.vx-footer-brand-column .footer-social{justify-content:center!important;}
.footer-col h3{font-size:19px!important;margin-bottom:20px!important;}
.footer-col a{font-size:15px!important;line-height:1.5!important;margin-bottom:13px!important;}
.footer-bottom{font-size:14px!important;}

@media(max-width:1280px){
  .vx-nav-search{width:170px!important;flex-basis:170px!important;}
  .vx-header-tools{gap:10px!important;}
  .vx-header-tools .vx-tool-link{font-size:12px!important;}
}
@media(max-width:1080px) and (min-width:901px){
  .vx-nav-search{width:145px!important;flex-basis:145px!important;}
  .vx-header-tools>.vx-tool-icon:not(.vx-theme-tool){display:none!important;}
}
@media(max-width:900px){
  .vx-nav-search{display:none!important;}
  .vx-pro-nav .vx-v7-brand{height:62px!important;gap:8px!important;}
  .vx-pro-nav .vx-v7-brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important;}
  .vx-pro-nav .vx-v7-brand-word{height:34px!important;line-height:34px!important;font-size:19px!important;letter-spacing:3px!important;}
  .vx-drawer-brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important;}
  .vx-drawer-brand-word{font-size:21px!important;letter-spacing:3.4px!important;}
  .vx-v6-panel-head .vx-market-tabs{height:58px!important;gap:18px!important;}
  .vx-v6-panel-head .vx-market-tabs button{height:58px!important;font-size:11px!important;}
  .vx-live-market-item{padding:0 16px!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:40px 24px!important;}
  .vx-footer-brand-column{grid-column:1/-1!important;}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr!important;}
  .vx-footer-brand-mark{width:50px!important;height:50px!important;flex-basis:50px!important;}
  .vx-footer-brand-word{font-size:27px!important;}
  .footer-col{text-align:center!important;}
}
@media(prefers-reduced-motion:reduce){
  .vx-pro-nav .vx-v7-brand-mark::before,.vx-pro-nav .vx-v7-brand-mark::after,.vx-pro-nav .vx-v7-brand-mark svg,
  .vx-drawer-brand-mark::before,.vx-drawer-brand-mark::after,.vx-drawer-brand-mark svg,
  .vx-footer-brand-mark::before,.vx-footer-brand-mark::after,.vx-footer-brand-mark svg,
  .vx-live-market-track{animation:none!important;}
}