.footer-social-links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(4px, 1vw, 12px); width: 100%; padding: 2px 0 12px; }
.footer-social-link { display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 0; border-radius: 12px; color: rgb(var(--color-text)); text-decoration: none; opacity: 1 !important; }
.footer-social-link img { width: 72px; max-width: 100%; height: auto; aspect-ratio: 1; transition: transform .2s ease; }
.footer-social-link:hover img { transform: translateY(-4px); }
.footer-social-link:focus-visible { outline: 2px solid rgb(var(--color-primary)); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .footer-social-link img { transition: none; } .footer-social-link:hover img { transform: none; } }

.footer-contact-cards { display: grid; gap: 12px; width: 100%; min-width: 0; }
.footer-contact-card { direction: ltr; display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px 12px; border: 1px solid rgba(var(--color-primary), .10); border-radius: 18px; background: linear-gradient(120deg, rgba(var(--color-primary), .055), rgba(var(--color-primary), .015)), rgb(var(--color-basic-DEFAULT)); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 5px 18px rgba(43,30,95,.035); text-decoration: none; color: rgb(var(--color-text)); opacity: 1 !important; }
.footer-contact-card > img { width: 64px; height: 64px; flex: 0 0 64px; }
.footer-contact-copy { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; flex: 1; gap: 7px; min-width: 0; container-type: inline-size; }
.footer-contact-value { display: block; width: max-content; max-width: 100%; font-family: inherit; font-style: italic; font-size: clamp(18px, 10cqi, 30px); font-weight: 600; line-height: 1.4; white-space: nowrap; letter-spacing: normal; color: rgb(var(--color-text)); font-variant-numeric: tabular-nums; text-shadow: none; }
.footer-contact-numbers { display: grid; justify-items: center; gap: 6px; }
.footer-contact-numbers .footer-contact-value { font-size: clamp(22px, 13cqi, 36px); letter-spacing: normal; }
.footer-contact-card[href]:hover, .footer-contact-value[href]:hover { color: rgb(var(--color-primary)); }
.footer-contact-card[href]:focus-visible, .footer-contact-value[href]:focus-visible { outline: 2px solid rgb(var(--color-primary)); outline-offset: 4px; border-radius: 10px; }
@media (max-width: 359px) { .footer-contact-card { gap: 8px; padding: 12px 8px; } .footer-contact-card > img { width: 56px; height: 56px; flex-basis: 56px; } }

.market-links-carousel {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    width: 160px;
    height: 48px;
    box-sizing: border-box;
    border: 1px solid rgba(var(--color-text), .12);
    border-radius: 999px;
    background: rgb(var(--color-basic-DEFAULT));
    color: rgb(var(--color-text));
    font-family: inherit;
    font-size: clamp(12px, .78vw, 14px);
    font-weight: 400;
    transition: width 220ms ease;
}
.market-links-viewport { position: relative; flex: 1; min-width: 0; height: 46px; overflow: hidden; border-radius: inherit; }
.market-links-item {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 2px 16px;
    color: inherit;
    opacity: 1;
    text-decoration: none;
    border-radius: 999px;
    white-space: nowrap;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
}
.market-links-item img, .market-links-measure-image { flex: 0 0 72px; width: 72px; height: 42px; object-fit: contain; }
.market-links-item:focus-visible { outline: 2px solid rgb(var(--color-primary)); outline-offset: -2px; }
.market-links-measures { position: absolute; top: 0; right: 0; visibility: hidden; pointer-events: none; width: max-content; }
.market-links-measure { display: flex; align-items: center; width: max-content; gap: 8px; padding: 2px 16px; border: 1px solid transparent; font: inherit; line-height: 1.5; white-space: nowrap; }
.market-links-help { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.market-link-slide-enter-active, .market-link-slide-leave-active { transition: transform 220ms ease, opacity 220ms ease; }
.market-link-slide-enter { transform: translateY(100%); opacity: 0; }
.market-link-slide-leave-to { transform: translateY(-100%); opacity: 0; }
.market-link-slide-leave-active { pointer-events: none; visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    .market-links-carousel, .market-link-slide-enter-active, .market-link-slide-leave-active { transition: none; }
}

@font-face{font-family:yekanbakh;src:url('/yekanbakh/YekanBakh-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
.okex__header,#app-footer{--color-primary:90,75,210;--color-text:40,40,40;--color-basic-DEFAULT:255,255,255}
html:is(.dark,.hpv2-page-dark) .okex__header,html:is(.dark,.hpv2-page-dark) #app-footer{--color-primary:143,129,255;--color-text:200,200,200;--color-basic-DEFAULT:20,22,25}
.market-links-carousel *, .footer-contact-cards *, .footer-social-links *{box-sizing:border-box}
.market-links-item[hidden]{display:none!important}
.market-links-item.is-entering{animation:market-link-enter 220ms ease}
@keyframes market-link-enter{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.public-navigation-market{display:flex;align-items:center;flex:0 0 auto}
.okex__header .navbar{flex:1 1 auto;align-self:stretch;min-width:0;padding-right:clamp(12px,1.45vw,28px);padding-left:0}
.okex__header #headerNavigation{flex:0 0 auto;gap:clamp(10px,.9vw,20px);white-space:nowrap;font-size:clamp(12px,.78vw,14px);font-weight:400}
.okex__header #headerNavigation>li{flex-shrink:0}
.okex__header #headerNavigation>li>a{font-size:inherit;font-weight:400;line-height:1.5}
.okex__header #headerNavigation>li:first-child,.okex__header #headerNavigation>li:first-child>a{padding-inline:0}
.okex__header #headerNavigation>li>a>img[width="14"]{margin-right:8px}
.okex__header #navLinks{gap:0}
@media(min-width:1536px){
 .okex__header #navLinks{max-width:none;width:100%;padding-block:0!important;justify-content:flex-start!important}
 .okex__header #navLinks>.header-menu-toggle{display:none!important}
 .okex__header #navLinks>div:nth-child(2){margin-inline:0!important;flex-shrink:0}
 .okex__header .navbar,.okex__header .header-desktop-actions{display:flex!important}
 .okex__header .header-desktop-actions{flex-shrink:0}
 .okex__header .okex_register_button{display:none!important}
 .okex__header #headerNavigation>li:nth-child(n+7){display:list-item}
 .okex__header #headerNavigation>.public-navigation-market{display:flex}
}
@media(max-width:1535px){
 .okex__header .navbar,.okex__header .header-desktop-actions{display:none!important}
 .okex__header #navLinks{max-width:none;width:100%;padding-block:12px!important;justify-content:space-between!important;gap:0}
 .okex__header #navLinks>.header-menu-toggle{display:flex!important}
 .okex__header #navLinks>div:nth-child(2){margin-inline:auto!important}
 .okex__header .okex_register_button:not(.hidden){display:flex!important}
 .okex__header .okex_register_button.hidden{display:none!important}
}
#app-footer .footer-main-grid{max-width:1280px;padding-inline:12px;min-width:0}
#app-footer .footer-main-grid>*{min-width:0}
#app-footer .footer-social-heading,#app-footer .footer-main-grid h3 button{color:rgb(var(--color-primary))}
#app-footer .footer-social-heading{font-size:20px;font-weight:700;margin-bottom:24px}
#app-footer .footer-desktop-contact{display:none}
#app-footer .footer-support-hours{font-size:20px;font-weight:300;line-height:50px;text-align:justify;color:#353537;margin-block:20px}
#app-footer .footer-mobile-toggle{cursor:pointer}
#app-footer .footer-contact-cards{font-style:normal}
#app-footer .footer-contact-card{color:rgb(var(--color-text))}
#app-footer .footer-contact-copy .footer-contact-value{line-height:1.4}
#app-footer .footer-contact-card .footer-contact-copy,#app-footer .footer-contact-card .footer-contact-numbers{background:transparent!important}
#app-footer .footer-certification-logo{filter:brightness(1.15);mix-blend-mode:multiply;background:transparent;width:100px;height:auto}
#app-footer .footer-contact-value:hover{color:rgb(var(--color-primary))}
html:is(.dark,.hpv2-page-dark) #app-footer .footer-support-hours{color:#fff}
html:is(.dark,.hpv2-page-dark) #app-footer .footer-certification-logo{filter:brightness(.82);mix-blend-mode:normal}
@media(min-width:1280px){
 #app-footer .footer-main-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
 #app-footer .footer-desktop-contact{display:flex;flex-direction:column;grid-column:span 2}
 #app-footer .footer-mobile-toggle,#app-footer .footer-mobile-content{display:none!important}
 #app-footer .footer-certification-logo{width:150px}
}
@media(prefers-reduced-motion:reduce){.market-links-item.is-entering{animation:none}}

/* Local navigation refinements. Authentication is resolved by the existing header. */
#headerNavigation>li:focus-within>.header-submenu{display:flex}

.site-menu-open .okex__header{z-index:1100}
.site-menu-open .okex__header #mobile-menu{z-index:1101}

/* Keep submenu arrows and interaction states legible in the dark theme. */
html:is(.dark,.hpv2-page-dark) #headerNavigation .header-submenu img.flesh,
html:is(.dark,.hpv2-page-dark) #headerNavigation .header-submenu img[alt="arrow"]{
 filter:brightness(0) saturate(100%) invert(72%) sepia(24%) saturate(1145%) hue-rotate(208deg) brightness(102%) contrast(101%)!important;
 opacity:1;
}
html:is(.dark,.hpv2-page-dark) #headerNavigation .header-submenu a:is(:hover,:focus-visible){
 background-color:#30343e!important;
 color:#f5f5f5!important;
}
html:is(.dark,.hpv2-page-dark) #headerNavigation .header-submenu a:focus-visible{
 outline:2px solid #ad9fff;
 outline-offset:-2px;
}
html:is(.dark,.hpv2-page-dark) #headerNavigation .menu-item-description{color:#b8bfcc!important}

.okex__header .okex_register_button{background:#6554d9!important;color:#fff!important}
.hpv2-page .text-yellow{color:#6554d9!important}
.hpv2-page-dark .text-yellow{color:#ad9fff!important}

.okex__header a[href="/register"]{background:#6554d9!important;color:#fff!important}
.okex__header a[href="/register"] img{filter:brightness(0) invert(1)}

.footer-cta-register{background:#6554d9!important;color:#fff!important;display:flex;align-items:center;justify-content:center}
html:is(.dark,.hpv2-page-dark) #headerNavigation .header-submenu{background:#1b1e25!important;color:#eaecef!important}

.okex-brand-link{position:relative;display:inline-flex;align-items:center}
.okex__header .okex-brand-logo{filter:none!important;opacity:1!important}
.okex__header .okex-brand-wordmark{display:none!important}
html:is(.dark,.hpv2-page-dark) .okex__header .okex-brand-wordmark{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;filter:brightness(0) invert(1)!important;clip-path:inset(0 24% 0 0);pointer-events:none}

.okex-brand-link{vertical-align:middle;line-height:0}.okex-brand-logo{display:block}.submenu-new-badge{flex:none;margin-inline-start:6px}

.okex__header .header-menu-toggle{padding:4px;border:0;background:transparent;color:#181a20;cursor:pointer}
html:is(.dark,.hpv2-page-dark) .okex__header .header-menu-toggle{color:#eaecef}
.okex__header .header-menu-toggle:is(:hover,:focus-visible){color:#8061f2}
.okex__header .header-menu-toggle:focus-visible{outline:2px solid #8061f2;outline-offset:3px;border-radius:4px}

/* Match each fixed CDN asset's visible bounds, excluding transparent margins. */
.market-links-art{display:block;position:relative;flex:none;height:42px;overflow:hidden}
.market-links-item .market-links-art img{position:absolute;top:0;width:72px;max-width:none;height:42px;object-fit:contain}