:root{
  --vx7-bg:#090d11;
  --vx7-panel:#151a20;
  --vx7-panel-2:#10151a;
  --vx7-line:#29313a;
  --vx7-line-soft:rgba(255,255,255,.075);
  --vx7-text:#f2f5f7;
  --vx7-muted:#8b98a5;
  --vx7-primary:#27e6d3;
  --vx7-green:#0ecb81;
  --vx7-red:#f05261;
  --vx7-yellow:#f2c94c;
}

/* Desktop navigation: larger, clearer typography */
.vx-pro-nav{
  min-height:72px!important;
  padding:0 clamp(22px,2.6vw,54px)!important;
  background:rgba(9,13,17,.96)!important;
  border-bottom:1px solid var(--vx7-line)!important;
  box-shadow:none!important;
}
.vx-pro-nav #main-nav{
  display:flex!important;
  align-items:center!important;
  gap:clamp(20px,1.7vw,34px)!important;
}
.vx-pro-nav #main-nav>a{
  margin:0!important;
  padding:25px 0 23px!important;
  color:#c7ced5!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.2px!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
}
.vx-pro-nav #main-nav>a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:var(--vx7-primary);
  transform:scaleX(0);
  transition:transform .2s ease;
}
.vx-pro-nav #main-nav>a:hover{color:#fff!important;}
.vx-pro-nav #main-nav>a:hover::after{transform:scaleX(1);}
.vx-header-tools{gap:16px!important;}
.vx-header-tools .vx-tool-link{font-size:14px!important;font-weight:750!important;color:#cbd2d8!important;}
.vx-header-tools .vx-tool-icon{font-size:17px!important;box-shadow:none!important;}

/* Professional geometric V logo */
.vx-v7-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:max-content!important;
  padding:0!important;
  background:none!important;
  text-decoration:none!important;
}
.vx-v7-brand::before,.vx-v7-brand::after{display:none!important;}
.vx-v7-brand-mark{
  width:34px;
  height:34px;
  display:inline-flex;
  flex:0 0 34px;
  filter:drop-shadow(0 0 9px rgba(39,230,211,.18));
}
.vx-v7-brand-mark svg{display:block;width:100%;height:100%;}
.vx-v7-brand-word{
  color:var(--vx7-primary)!important;
  -webkit-text-fill-color:var(--vx7-primary)!important;
  font-size:22px!important;
  font-weight:900!important;
  letter-spacing:3.6px!important;
  line-height:1!important;
  text-shadow:none!important;
}

/* Rolling announcement ticker */
.vx-v7-news-ticker{
  width:100%;
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:#0c1116;
  overflow:hidden;
}
.vx-v7-news-inner{
  width:min(1600px,100%);
  min-height:54px;
  margin:0 auto;
  padding:0 clamp(24px,4vw,72px);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}
.vx-v7-news-label{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--vx7-yellow);
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.vx-v7-news-label i{width:7px;height:7px;border-radius:50%;background:var(--vx7-yellow);}
.vx-v7-news-viewport{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);}
.vx-v7-news-track{display:flex;width:max-content;align-items:center;animation:vx7Ticker 58s linear infinite;will-change:transform;}
.vx-v7-news-track:hover{animation-play-state:paused;}
.vx-v7-news-group{display:flex;align-items:center;gap:38px;padding-right:38px;}
.vx-v7-news-item{display:flex;align-items:center;gap:10px;color:#bec7cf;font-size:12px;white-space:nowrap;}
.vx-v7-news-item::before{content:"";width:3px;height:3px;border-radius:50%;background:#53606b;}
.vx-v7-news-item time{color:#667480;font-size:10px;}
.vx-v7-news-item:hover{color:var(--vx7-primary);}
.vx-v7-news-more{font-size:12px;color:#8b98a5!important;white-space:nowrap;}
@keyframes vx7Ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ANNOUNCEMENTS editorial section */
.vx-v7-announcements{
  padding:72px clamp(28px,4vw,76px) 80px!important;
  background:#090e12!important;
  border-top:1px solid rgba(255,255,255,.055);
}
.vx-v7-ann-head{
  max-width:1600px;
  margin:0 auto 34px;
  display:flex;
  justify-content:space-between;
  gap:32px;
  align-items:flex-end;
}
.vx-v7-ann-head small{display:block;color:var(--vx7-primary);font-size:11px;font-weight:900;letter-spacing:3px;margin-bottom:12px;}
.vx-v7-ann-head h2{margin:0!important;text-align:left!important;font-size:34px!important;color:var(--vx7-text)!important;}
.vx-v7-ann-head p{margin-top:10px;color:var(--vx7-muted);font-size:13px;}
.vx-v7-ann-head>a{color:#aab4bd;font-size:12px;white-space:nowrap;}
.vx-v7-ann-head>a:hover{color:var(--vx7-primary);}
.vx-v7-ann-layout{
  max-width:1600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(340px,.9fr) minmax(0,1.65fr);
  gap:42px;
  align-items:stretch;
}
.vx-v7-ann-featured{
  min-height:390px;
  padding:38px 38px 34px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#172128,#10161b 72%);
  border-left:3px solid var(--vx7-primary);
  border-top:1px solid var(--vx7-line-soft);
  border-right:1px solid var(--vx7-line-soft);
  border-bottom:1px solid var(--vx7-line-soft);
}
.vx-v7-ann-featured time{display:block;color:var(--vx7-primary);font-size:11px;font-weight:850;letter-spacing:2px;margin-bottom:34px;}
.vx-v7-ann-featured h3{max-width:520px;font-size:27px;line-height:1.35;color:#f3f6f8;margin-bottom:22px;}
.vx-v7-ann-featured p{max-width:580px;color:#9ca8b2;line-height:1.9;font-size:13px;}
.vx-v7-ann-featured>a{display:inline-block;margin-top:28px;color:var(--vx7-primary);font-size:12px;font-weight:800;}
.vx-v7-ann-featured>b{position:absolute;right:-12px;bottom:-78px;font-size:220px;line-height:1;color:rgba(39,230,211,.035);font-weight:950;}
.vx-v7-ann-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;}
.vx-v7-ann-item{min-height:124px;padding:22px 4px;border-bottom:1px solid rgba(255,255,255,.075);}
.vx-v7-ann-item time{display:block;color:#67747f;font-size:10px;margin-bottom:11px;}
.vx-v7-ann-item h3{font-size:15px;line-height:1.45;color:#e7ebee;margin-bottom:8px;}
.vx-v7-ann-item p{color:#7f8b96;font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.vx-v7-ann-item:hover h3{color:var(--vx7-primary);}
.vx-v7-principles{
  max-width:1600px;
  margin:72px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.075);
}
.vx-v7-principles article{min-height:172px;padding:28px 32px;border-right:1px solid rgba(255,255,255,.075);}
.vx-v7-principles article:last-child{border-right:0;}
.vx-v7-principles span{color:var(--vx7-primary);font-size:11px;font-weight:900;letter-spacing:1px;}
.vx-v7-principles h3{margin:18px 0 12px;color:#e9edf0;font-size:17px;}
.vx-v7-principles p{color:#7f8b96;font-size:12px;line-height:1.8;}

/* Profile page uses the full viewport and fixes KYC clipping */
#profile.page{
  width:100%!important;
  max-width:none!important;
  padding:58px clamp(24px,4vw,72px) 84px!important;
  overflow:visible!important;
}
#profile>.page-title,#profile>.page-desc,#profile>.asset-grid,#profile>.profile-layout,#profile>.back-home{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;}
#profile .asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
#profile .profile-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.08fr)!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  margin:24px 0 0!important;
}
#profile .profile-layout>*{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;}
#profile .trade-box,#profile .profile-security-panel,#profile .security-manage-card{background:#171c22!important;border:1px solid #2b333c!important;box-shadow:none!important;}
#profile .profile-security-panel{padding:24px!important;border-radius:16px!important;overflow:visible!important;}
#profile .profile-security-panel>h3{margin:0 0 18px!important;color:var(--vx7-primary)!important;font-size:18px!important;white-space:normal!important;}
#profile .security-manage-card{min-height:0!important;height:auto!important;border-radius:14px!important;padding:22px!important;overflow:visible!important;}
#profile .kyc-right-panel,#profile .kyc-single-card{overflow:visible!important;}
#profile .kyc-single-card input,#profile .kyc-single-card select,#profile .kyc-single-card button{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
#profile .kyc-progress{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
#profile .kyc-step p{white-space:normal!important;font-size:10px!important;}

/* Trade buttons: low-light, no unnecessary glow; SELL is clearly red */
#buy-tab,#sell-tab{
  flex:1!important;
  min-height:48px!important;
  border-radius:9px!important;
  background:#151a20!important;
  box-shadow:none!important;
  font-weight:800!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
#buy-tab{border:1px solid rgba(14,203,129,.38)!important;color:#63dca7!important;}
#sell-tab{border:1px solid rgba(240,82,97,.48)!important;color:#f06a77!important;}
#buy-tab.is-active{background:#0e6f4b!important;border-color:#0e9f69!important;color:#fff!important;}
#sell-tab.is-active{background:#a63846!important;border-color:#c74757!important;color:#fff!important;}
#trade-submit-btn{
  background:#0e6f4b!important;
  border:1px solid #0e9f69!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#trade-submit-btn[data-side="SELL"]{background:#a63846!important;border-color:#c74757!important;color:#fff!important;}
#coin-detail .trade-box button[type="button"]:not(#buy-tab):not(#sell-tab),
#coin-detail .trade-box>div button:not(#buy-tab):not(#sell-tab){
  background:#171c22!important;
  border:1px solid #303943!important;
  color:#aeb8c1!important;
  box-shadow:none!important;
}
#coin-detail .trade-box button:hover{filter:brightness(1.08)!important;transform:none!important;box-shadow:none!important;}

/* Mobile left drawer + centered logo */
.vx-v7-drawer-mask{display:none;}
@media(max-width:900px){
  .vx-pro-nav{
    height:64px!important;
    min-height:64px!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:44px 1fr auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .mobile-menu-btn{
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    order:initial!important;
    width:40px!important;
    height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:#151a20!important;
    border:1px solid #2e3740!important;
    color:var(--vx7-primary)!important;
    font-size:0!important;
    box-shadow:none!important;
    z-index:100003!important;
  }
  .mobile-menu-btn::before{content:"☰";font-size:21px;line-height:1;}
  body.vx-v7-drawer-open .mobile-menu-btn::before{content:"×";font-size:25px;}
  .vx-v7-brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    order:initial!important;
    gap:8px!important;
  }
  .vx-v7-brand-mark{width:28px;height:28px;flex-basis:28px;}
  .vx-v7-brand-word{font-size:18px!important;letter-spacing:2.8px!important;}
  .vx-header-tools{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    order:initial!important;
    display:flex!important;
    min-width:0!important;
  }
  .vx-header-tools>.vx-tool-link,.vx-header-tools>.vx-tool-icon{display:none!important;}
  .vx-header-tools .user-area{display:flex!important;min-width:0!important;}
  .vx-header-tools .user-area>.btn{padding:9px 11px!important;font-size:11px!important;border-radius:8px!important;white-space:nowrap!important;}
  .vx-header-tools .user-dropdown-btn{padding:8px 9px!important;max-width:112px!important;}
  .vx-header-tools .user-name{max-width:70px!important;font-size:11px!important;}

  .vx-pro-nav #main-nav{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(84vw,330px)!important;
    height:100dvh!important;
    padding:84px 18px 28px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    background:rgba(10,14,18,.985)!important;
    border:0!important;
    border-right:1px solid #2b333c!important;
    border-radius:0!important;
    box-shadow:20px 0 55px rgba(0,0,0,.46)!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    overflow-y:auto!important;
    z-index:100002!important;
  }
  .vx-pro-nav #main-nav.mobile-open{transform:translateX(0)!important;}
  .vx-pro-nav #main-nav>a,
  .vx-pro-nav #main-nav .vx-mobile-nav-tools>a{
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border-radius:10px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#d4dbe0!important;
    font-size:16px!important;
    font-weight:760!important;
    text-align:left!important;
  }
  .vx-pro-nav #main-nav>a:hover,
  .vx-pro-nav #main-nav .vx-mobile-nav-tools>a:hover{
    color:#fff!important;
    background:#171d23!important;
    border-color:#2f3942!important;
  }
  .vx-pro-nav #main-nav>a::after{display:none!important;}
  .vx-mobile-nav-tools{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    margin-top:10px!important;
    padding-top:16px!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
  }
  .vx-v7-drawer-mask{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.58);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    transition:.2s ease;
    z-index:100001;
  }
  body.vx-v7-drawer-open .vx-v7-drawer-mask{opacity:1;visibility:visible;}
  body.vx-v7-drawer-open{overflow:hidden!important;}

  #profile.page{padding:34px 16px 58px!important;}
  #profile .asset-grid{grid-template-columns:1fr 1fr!important;}
  #profile .profile-layout{grid-template-columns:1fr!important;gap:16px!important;}
  #profile .kyc-progress{grid-template-columns:repeat(4,minmax(58px,1fr))!important;overflow-x:auto!important;}

  .vx-v7-announcements{padding:52px 18px 58px!important;}
  .vx-v7-ann-head{align-items:flex-start;}
  .vx-v7-ann-head h2{font-size:27px!important;}
  .vx-v7-ann-layout{grid-template-columns:1fr!important;gap:16px!important;}
  .vx-v7-ann-featured{min-height:300px;padding:28px 24px;}
  .vx-v7-ann-featured h3{font-size:22px;}
  .vx-v7-ann-grid{grid-template-columns:1fr!important;}
  .vx-v7-ann-item{min-height:auto;padding:20px 4px;}
  .vx-v7-principles{grid-template-columns:1fr 1fr;margin-top:42px;}
  .vx-v7-principles article{min-height:150px;padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.075);}
  .vx-v7-principles article:nth-child(2){border-right:0;}
  .vx-v7-news-inner{padding:0 14px;grid-template-columns:auto minmax(0,1fr);gap:10px;}
  .vx-v7-news-more{display:none;}
}
@media(max-width:560px){
  #profile .asset-grid{grid-template-columns:1fr!important;}
  .vx-v7-principles{grid-template-columns:1fr!important;}
  .vx-v7-principles article{border-right:0!important;}
  .vx-v7-ann-head>a{display:none;}
}
@media(min-width:901px) and (max-width:1280px){
  #profile .profile-layout{grid-template-columns:1fr 1fr!important;}
  #profile .kyc-right-panel{grid-column:1 / -1!important;}
}