/* EO /trade/social content (site layout) */
.css-1ycfk23{background-image:url(../landing/img/bg/social-bg.jpg);background-size:2000px;background-position:50% -20%;background-repeat:no-repeat;margin-top:0;padding-top:150px;background-size:1850px;}.webp .css-1ycfk23{background-image:url(../landing/img/bg/social-bg.webp);}@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){.css-1ycfk23{background-image:url(../landing/img/bg/social-bg@2x.jpg);}.webp .css-1ycfk23{background-image:url(../landing/img/bg/social-bg@2x.webp);}}@media only screen and (min-width:2000px){.css-1ycfk23{padding-top:90px;}}@media only screen and (min-width:0) and (max-width:1024px){.css-1ycfk23{background-size:1000px;background-position:50% 0;}}
.css-l8uvs8{background-image:url(../landing/img/bg/social-bg.jpg);background-size:2000px;background-position:50% -20%;background-repeat:no-repeat;margin-top:0;padding-top:150px;background-size:1850px;}.css-l8uvs8.rtl{direction:rtl;}.webp .css-l8uvs8{background-image:url(../landing/img/bg/social-bg.webp);}@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){.css-l8uvs8{background-image:url(../landing/img/bg/social-bg@2x.jpg);}.webp .css-l8uvs8{background-image:url(../landing/img/bg/social-bg@2x.webp);}}@media only screen and (min-width:2000px){.css-l8uvs8{padding-top:90px;}}@media only screen and (min-width:0) and (max-width:1024px){.css-l8uvs8{background-size:1000px;background-position:50% 0;}}
.css-1cp4oa0{padding-top:130px;}@media only screen and (min-width:0) and (max-width:1024px){.css-1cp4oa0{padding:100px 0 0;}}@media only screen and (min-width:0) and (max-width:550px){.css-1cp4oa0{padding:80px 0 0;}}
.css-6pob49{display:block;padding-top:30px;margin-top:-130px;}@media only screen and (min-width:0) and (max-width:1024px){.css-6pob49{padding-top:0;margin-top:-110px;}}@media only screen and (min-width:0) and (max-width:550px){.css-6pob49{padding-top:0px;margin-top:-20px;}}
.css-wrpa3s{min-width:984px;max-width:1200px;padding:0 25px;margin:0 auto;}@media only screen and (min-width:0) and (max-width:1024px){.css-wrpa3s{min-width:auto;padding:0 20px;}}@media only screen and (min-width:0) and (max-width:550px){.css-wrpa3s{padding:0 15px;}}
.css-uzc4o0{position:relative;min-height:422px;}@media only screen and (min-width:0) and (max-width:1024px){.css-uzc4o0{min-height:480px;}}@media only screen and (min-width:0) and (max-width:550px){.css-uzc4o0{min-height:440px;}}
.css-1xrjfuk{position:absolute;left:0;margin-right:80px;}@media only screen and (min-width:0) and (max-width:1024px){.css-1xrjfuk{position:relative;margin-right:0;text-align:center;}}
.css-h7y97t{margin-top:60px;}@media only screen and (min-width:0) and (max-width:1024px){.css-h7y97t{text-align:center;}}@media only screen and (min-width:0) and (max-width:550px){.css-h7y97t{margin-top:0;}}
.css-cx3dz1{font-size:46px;font-weight:200;line-height:1.2;margin-bottom:25px;margin-top:60px;}@media only screen and (min-width:0) and (max-width:1024px){.css-cx3dz1{font-size:38px;margin-bottom:22px;}}@media only screen and (min-width:0) and (max-width:550px){.css-cx3dz1{font-size:28px;margin-bottom:18px;line-height:1.3;}}.css-cx3dz1.centered{text-align:center;}@media only screen and (min-width:0) and (max-width:1024px){.css-cx3dz1{text-align:center;}}@media only screen and (min-width:0) and (max-width:550px){.css-cx3dz1{margin-top:0;}}
.css-1toof2x{display:inline-block;position:relative;line-height:1em;height:1em;vertical-align:text-bottom;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:46px;margin:0 15px 0 0;}.css-1toof2x.rtl{margin:0 0 0 15px;}@media only screen and (min-width:0) and (max-width:550px){.css-1toof2x{width:38px;margin:0 10px 0 0;}.css-1toof2x.rtl{margin:0 0 0 10px;}}
.css-1e2hg6v{background-repeat:no-repeat;background-size:contain;background-position:50% 50%;top:50%;position:absolute;display:block;-webkit-transform:translateY(-55%);-ms-transform:translateY(-55%);transform:translateY(-55%);width:100%;padding-top:100%;background-position:0 50%;}
.css-osqdb3{width:602px;position:absolute;right:10px;bottom:0;}@media only screen and (min-width:0) and (max-width:1024px){.css-osqdb3{width:100%;bottom:-85px;overflow:hidden;right:auto;}}@media only screen and (min-width:0) and (max-width:550px){.css-osqdb3{bottom:-100px;}}
.css-1x7rivn{width:602px;height:422px;}@media only screen and (min-width:0) and (max-width:1024px){.css-1x7rivn{position:relative;left:50%;-webkit-transform:scale(0.8) translateX(-50%);-ms-transform:scale(0.8) translateX(-50%);transform:scale(0.8) translateX(-50%);}}@media only screen and (min-width:0) and (max-width:550px){.css-1x7rivn{-webkit-transform:scale(0.7) translateX(-56%);-ms-transform:scale(0.7) translateX(-56%);transform:scale(0.7) translateX(-56%);}}
@media only screen and (min-width:0) and (max-width:1024px){.css-1j2n9pd > path{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}}@media only screen and (min-width:0) and (max-width:550px){.css-1j2n9pd > path{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}}
.css-mbdyml{margin-top:-220px;}
.css-184volz{background-image:url(../landing/img/bg/wave.png);background-repeat:repeat-x;background-position:54% 35px;position:absolute;width:100%;z-index:0;height:625px;background-size:1420px;margin-top:-220px;}.webp .css-184volz{background-image:url(../landing/img/bg/wave.webp);}@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){.css-184volz{background-image:url(../landing/img/bg/wave@2x.png);}.webp .css-184volz{background-image:url(../landing/img/bg/wave@2x.webp);}}@media only screen and (min-width:0) and (max-width:1024px){.css-184volz{height:800px;}}@media only screen and (min-width:0) and (max-width:550px){.css-184volz{height:633px;}}@media only screen and (min-width:0) and (max-width:550px){.css-184volz{height:650px;}}@media only screen and (min-width:0) and (max-width:430px){.css-184volz{height:670px;}}
.css-15qmev7{display:block;padding-top:30px;margin-bottom:100px;position:relative;z-index:1;margin-bottom:130px;}@media only screen and (min-width:0) and (max-width:550px){.css-15qmev7{margin-top:-100px;margin-bottom:40px;}}@media only screen and (min-width:0) and (max-width:550px){.css-15qmev7{margin-bottom:70px;}}@media only screen and (min-width:0) and (max-width:550px){.css-15qmev7{margin-bottom:60px;}}
.css-s983rh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.css-s5xs62{min-width:984px;max-width:1200px;padding:0 25px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}@media only screen and (min-width:0) and (max-width:1024px){.css-s5xs62{min-width:auto;padding:0 20px;}}@media only screen and (min-width:0) and (max-width:550px){.css-s5xs62{padding:0 15px;}}
.css-tqoijm{width:43%;}@media only screen and (min-width:0) and (max-width:1024px){.css-tqoijm{width:100%;margin-bottom:0;text-align:center;}}
@media only screen and (min-width:0) and (max-width:1024px){.css-109urfx{width:82%;margin:auto;}}@media only screen and (min-width:0) and (max-width:600px){.css-109urfx{width:100%;}}
.css-1vz16ef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#2d3651;box-shadow:0 1px 15px 0 rgba(12,16,22,0.3),inset 0 0 0 1px #313b59;border-radius:5px;box-sizing:border-box;overflow:hidden;position:relative;margin-bottom:10px;padding:0 12px;}@media only screen and (min-width:0) and (max-width:550px){.css-1vz16ef{padding:0 6px;}}.css-1vz16ef:before{content:'';display:block;left:0;width:4px;height:100%;position:absolute;}.css-1vz16ef.blue:before{background-image:linear-gradient(-180deg,#369bf4 0%,#1c56bf 100%);box-shadow:0 0 10px 0 rgba(16,121,213,0.5);}
.css-fzakz2{height:72px;position:relative;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px;}.css-fzakz2:nth-child(3){-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.css-fzakz2:nth-child(4){-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}@media only screen and (min-width:0) and (max-width:550px){.css-fzakz2{padding:0 6px;}}
.css-1vor0b0{background:#20283d;border-radius:5px;text-align:center;font-size:14px;width:30px;margin-top:10px;}@media only screen and (min-width:0) and (max-width:550px){.css-1vor0b0{left:14px;}}
.css-1pe4zym{font-size:10px;height:10px;}.css-1pe4zym:before{content:'';display:inline-block;position:relative;top:-1px;margin:0 0.5ex 0 0;}.css-1pe4zym.rtl:before{margin:0 0 0 0.5ex;}.css-1pe4zym.up{color:#7ed321;}.css-1pe4zym.up:before{width:0;height:0;border-style:solid;border-width:0 3px 4px 3px;border-color:transparent transparent #7ed321 transparent;}.css-1pe4zym.down{color:#d0011b;}.css-1pe4zym.down:before{width:0;height:0;border-style:solid;border-width:4px 3px 0 3px;border-color:#d0011b transparent transparent transparent;}
.css-ue6ii9{width:52px;height:52px;border-radius:100%;display:block;background-size:cover;position:relative;}@media only screen and (min-width:0) and (max-width:550px){.css-ue6ii9{width:46px;height:46px;}}
.css-1p0oud3{position:absolute;bottom:3px;right:2px;display:block;width:11px;height:11px;border-radius:100%;box-sizing:border-box;vip;}.css-1p0oud3.mini{background-color:rgba(142,213,165,0.75);background-image:linear-gradient(-180deg,#8ed5a5 0,#69c787 100%);box-shadow:0 0 10px 0 rgba(142,213,165,0.5);}.css-1p0oud3.silver{background-color:rgba(193,251,255,0.75);background-image:linear-gradient(-180deg,#c1fbff 0,#8ef8ff 100%);box-shadow:0 0 10px 0 rgba(193,251,255,0.5);}.css-1p0oud3.gold{background-color:rgba(243,201,85,0.75);background-image:linear-gradient(-180deg,#f3c955 0,#f0ba25 100%);box-shadow:0 0 10px 0 rgba(243,201,85,0.5);}.css-1p0oud3.vip{background-color:rgba(116,73,220,0.75);background-image:linear-gradient(-180deg,#7449dc 0,#5727cb 100%);box-shadow:0 0 10px 0 rgba(116,73,220,0.5);}
.css-epvm6{white-space:nowrap;}
.css-4tf2rc{color:#a9b5cb;white-space:nowrap;}
.css-18hajim{width:50%;}@media only screen and (min-width:0) and (max-width:1024px){.css-18hajim{width:100%;text-align:center;}}
.css-13jh0ib{margin-top:60px;}@media only screen and (min-width:0) and (max-width:550px){.css-13jh0ib{margin-top:30px;}}
.css-1kg5lr7{font-size:46px;font-weight:200;line-height:1.2;margin-bottom:25px;margin-top:60px;}@media only screen and (min-width:0) and (max-width:1024px){.css-1kg5lr7{font-size:38px;margin-bottom:22px;}}@media only screen and (min-width:0) and (max-width:550px){.css-1kg5lr7{font-size:28px;margin-bottom:18px;line-height:1.3;}}.css-1kg5lr7.centered{text-align:center;}@media only screen and (min-width:0) and (max-width:550px){.css-1kg5lr7{margin-top:30px;}}

.eo-social-content .heading { color: #fff; display: flex; align-items: center; }
.eo-social-content .text { color: #a9b5cb; font-size: 14px; line-height: 1.7; }
.eo-social-content .css-ue6ii9 { border: none; font-style: normal; }
.eo-social-content .css-1p0oud3 { font-style: normal; }
.eo-social-content .css-1cp4oa0 { position: relative; }

/* social-bg fixed to viewport so it paints behind the fixed site header */
.eo-social-content .css-l8uvs8 {
    background-attachment: fixed;
    background-position: 50% 0;
}

.landing-body:has(.eo-social-content) {
    background-color: #1a2235;
    background-image: url(../landing/img/bg/social-bg.jpg);
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: 1850px auto;
    background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .landing-body:has(.eo-social-content) {
        background-image: url(../landing/img/bg/social-bg@2x.jpg);
    }
}

/* Transparent site header over social hero (EO template) */
.landing-main:has(.eo-social-content) {
    padding-top: 0;
}

.landing-main:has(.eo-social-content)::before {
    display: none;
}

.landing-body:has(.eo-social-content) .landing-header {
    transform: translateY(0) !important;
}

.landing-body:has(.eo-social-content) .landing-header,
.landing-body:has(.eo-social-content) .landing-header__bar {
    background: transparent !important;
    background-color: transparent !important;
}

.landing-body:has(.eo-social-content) .landing-header__bar::before {
    opacity: 0 !important;
    background: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

.landing-body:has(.eo-social-content) .landing-header.is-floating .landing-header__bar::before {
    opacity: 0 !important;
}

/* Animated globe traders (EO template) */
.eo-social-globe-stage {
    position: relative;
    overflow: visible;
}

.eo-social-globe-stage > svg {
    display: block;
    width: 100%;
    height: 100%;
}

.eo-social-content .eo-social-globe-arcs path {
    opacity: 1;
}

.eo-social-trader {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    background: #222940;
    border-radius: 100%;
    transform: translate(-2000px, -2000px);
    pointer-events: none;
    z-index: 4;
}

.eo-social-trader > svg {
    display: block;
}

.eo-social-trader__avatar {
    background-size: cover;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    background-color: #151d2d;
    z-index: 2;
}

.eo-social-trader__result {
    position: absolute;
    display: block;
    width: auto;
    padding: 7px 10px;
    background: rgba(12, 23, 45, 0.4);
    box-shadow: 0 1px 10px rgba(12, 23, 45, 0.1);
    border-radius: 5px;
    top: -15px;
    left: 50%;
    transform: translate(-50%, -100%) scale(0);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transition-timing-function: cubic-bezier(0.655, 0.44, 0.565, 1.255);
    text-align: center;
    z-index: 3;
    font-style: normal;
}

.eo-social-trader__result::after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: rgba(12, 23, 45, 0.4);
}

.eo-social-trader__name {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    display: block;
    white-space: nowrap;
    margin-bottom: 5px;
}

.eo-social-trader__money {
    font-size: 12px;
    font-weight: 200;
    color: #57bc9a;
    font-style: normal;
    display: block;
    white-space: nowrap;
}

.eo-social-trader.is-blast::before {
    content: '';
    display: block;
    height: 44px;
    width: 44px;
    left: 0;
    top: 0;
    background: #57bc9a;
    position: absolute;
    border-radius: 100%;
    opacity: 0.5;
    transform: scale(0);
    animation: eo-social-trader-blast 1s 1;
    z-index: 1;
}

@keyframes eo-social-trader-blast {
    from { opacity: 0.5; transform: scale(0); }
    to { opacity: 0; transform: scale(3); }
}

.eo-social-trader.is-blast .eo-social-trader__result {
    transform: translate(-50%, -100%) scale(1);
    opacity: 1;
}

/* EO social-bg (.css-l8uvs8) starts at page top behind transparent header */