.fxct-guide{--bg:#07111f;--panel:#0b1a2b;--panel2:#0d2135;--line:#173653;--text:#eef6ff;--muted:#9db0c5;--green:#1fd173;--cyan:#26c6da;--gold:#f5c451;max-width:1180px;margin:28px auto;padding:0 18px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}
.fxct-guide *{box-sizing:border-box}.fxct-hero{position:relative;overflow:hidden;padding:54px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 80% 0%,rgba(38,198,218,.15),transparent 32%),linear-gradient(135deg,#07111f,#0b1a2b);box-shadow:0 24px 70px rgba(0,0,0,.25)}
.fxct-eyebrow,.fxct-section-title>span{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--cyan)}.fxct-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:12px 0 16px;color:#fff;max-width:850px}.fxct-hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:800px;margin:0}
.fxct-progress{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.fxct-progress span{padding:8px 12px;border:1px solid var(--line);background:#081727;border-radius:999px;color:#cce0f2;font-size:13px}.fxct-progress span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}
.fxct-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.fxct-path{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--panel),#081522)}.fxct-tag{font-size:11px;letter-spacing:.12em;color:var(--green);font-weight:800}.fxct-path h2{font-size:30px;margin:9px 0}.fxct-path p{color:var(--muted);line-height:1.65}.fxct-mini-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0;color:#dbeaff}.fxct-mini-flow span{padding:7px 10px;border-radius:8px;background:#07111f;border:1px solid var(--line)}.fxct-mini-flow b{color:var(--cyan)}
.fxct-btn{display:inline-block;background:var(--green);color:#03120a!important;text-decoration:none!important;font-weight:900;padding:12px 18px;border-radius:10px}.fxct-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 60px}.fxct-principles div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#081522}.fxct-principles strong,.fxct-principles span{display:block}.fxct-principles span{color:var(--muted);font-size:13px;line-height:1.5;margin-top:6px}
.fxct-section-title{padding:52px 8px 18px;margin-top:30px;border-top:1px solid var(--line)}.fxct-section-title h2{font-size:clamp(30px,4vw,46px);margin:8px 0}.fxct-section-title p{color:var(--muted);font-size:17px;max-width:760px}
.fxct-step{margin:18px 0 30px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0a1929,#081421)}.fxct-step-head{display:flex;align-items:center;gap:15px;margin-bottom:16px}.fxct-num{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(31,209,115,.12);border:1px solid rgba(31,209,115,.4);color:var(--green);font-size:20px;font-weight:900}.fxct-step-head small{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.15em}.fxct-step-head h3{font-size:25px;margin:2px 0;color:#fff}.fxct-copy{color:#c3d3e4;font-size:16px;line-height:1.75}.fxct-copy p{margin:0 0 12px}
.fxct-shot{margin:18px 0 0}.fxct-shot a{display:block;border-radius:15px;overflow:hidden;border:1px solid #23425f;background:#030912}.fxct-shot img{display:block;width:100%;height:auto}.fxct-shot figcaption{font-size:12px;color:#8097ad;padding:8px 4px 0}
.fxct-callout{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:16px 0 24px;padding:17px 18px;border-radius:14px;border:1px solid var(--line);background:#091828}.fxct-callout strong{grid-row:1/3}.fxct-callout span{color:#b7c8d9;line-height:1.55}.fxct-info strong{color:var(--cyan)}.fxct-warning{border-color:rgba(245,196,81,.35);background:rgba(245,196,81,.06)}.fxct-warning strong{color:var(--gold)}.fxct-danger{border-color:rgba(255,94,94,.35);background:rgba(255,94,94,.06)}.fxct-danger strong{color:#ff8c8c}
.fxct-success{margin:32px 0 70px;padding:34px;border-radius:22px;border:1px solid rgba(31,209,115,.4);background:linear-gradient(135deg,rgba(31,209,115,.1),#081522)}.fxct-success span{color:var(--green);font-weight:900;letter-spacing:.12em;font-size:12px}.fxct-success h3{font-size:30px;margin:8px 0}.fxct-success p{color:var(--muted);margin:0;line-height:1.6}
@media(max-width:800px){.fxct-hero{padding:30px 22px}.fxct-paths,.fxct-principles{grid-template-columns:1fr}.fxct-step{padding:20px 16px}.fxct-callout{grid-template-columns:1fr}.fxct-callout strong{grid-row:auto}.fxct-step-head h3{font-size:21px}}


/* =========================================================
   FXVN COPYTRADE FULL-WIDTH APP SHELL — v1.1.0
   Breaks out of normal WordPress article containers and gives
   the guide the same immersive application-style presentation.
   ========================================================= */

body.fxvn-copytrade-guide-page{
    background:#050d17 !important;
}

body.fxvn-copytrade-guide-page .entry-title,
body.fxvn-copytrade-guide-page .page-title,
body.fxvn-copytrade-guide-page .jeg_post_title,
body.fxvn-copytrade-guide-page .post-title,
body.fxvn-copytrade-guide-page h1.entry-title,
body.fxvn-copytrade-guide-page .jnews_category_header_top,
body.fxvn-copytrade-guide-page .jeg_breadcrumbs,
body.fxvn-copytrade-guide-page .breadcrumb,
body.fxvn-copytrade-guide-page .breadcrumbs{
    display:none !important;
}

body.fxvn-copytrade-guide-page .entry-content,
body.fxvn-copytrade-guide-page .content-inner,
body.fxvn-copytrade-guide-page .jeg_main_content,
body.fxvn-copytrade-guide-page .jeg_content,
body.fxvn-copytrade-guide-page .container,
body.fxvn-copytrade-guide-page .vc_row,
body.fxvn-copytrade-guide-page .wpb_wrapper{
    max-width:none;
}

body.fxvn-copytrade-guide-page .fxct-guide{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:34px clamp(18px,4vw,72px) 80px;
    background:
        radial-gradient(circle at 14% 4%,rgba(38,198,218,.08),transparent 26%),
        radial-gradient(circle at 86% 12%,rgba(31,209,115,.06),transparent 24%),
        #050d17;
}

body.fxvn-copytrade-guide-page .fxct-guide > *{
    max-width:1480px;
    margin-left:auto;
    margin-right:auto;
}

body.fxvn-copytrade-guide-page .fxct-hero{
    max-width:1480px;
    min-height:430px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(42px,6vw,86px);
    border-radius:28px;
    background:
        linear-gradient(90deg,rgba(6,18,32,.98),rgba(8,26,43,.94)),
        radial-gradient(circle at 86% 30%,rgba(38,198,218,.18),transparent 35%);
    box-shadow:none;
}

body.fxvn-copytrade-guide-page .fxct-hero h1{
    color:#f6fbff !important;
    text-shadow:none;
    max-width:1050px;
}

body.fxvn-copytrade-guide-page .fxct-hero p{
    max-width:980px;
}

body.fxvn-copytrade-guide-page .fxct-paths{
    max-width:1480px;
    gap:24px;
    margin-top:28px;
}

body.fxvn-copytrade-guide-page .fxct-path{
    min-height:310px;
    padding:38px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

body.fxvn-copytrade-guide-page .fxct-path .fxct-btn{
    margin-top:auto;
    align-self:flex-start;
}

body.fxvn-copytrade-guide-page .fxct-principles{
    max-width:1480px;
    margin-top:24px;
    margin-bottom:72px;
}

body.fxvn-copytrade-guide-page .fxct-section-title{
    max-width:1480px;
    padding-top:76px;
}

body.fxvn-copytrade-guide-page .fxct-step{
    max-width:1480px;
    padding:clamp(24px,3.5vw,48px);
    border-radius:24px;
}

body.fxvn-copytrade-guide-page .fxct-shot a{
    background:#02070d;
    border-radius:18px;
}

body.fxvn-copytrade-guide-page .fxct-shot img{
    width:100%;
    max-height:none;
}

body.fxvn-copytrade-guide-page .fxct-callout,
body.fxvn-copytrade-guide-page .fxct-success{
    max-width:1480px;
}

@media (min-width:1500px){
    body.fxvn-copytrade-guide-page .fxct-guide{
        padding-left:max(56px,calc((100vw - 1600px)/2));
        padding-right:max(56px,calc((100vw - 1600px)/2));
    }
}

@media (max-width:800px){
    body.fxvn-copytrade-guide-page .fxct-guide{
        padding:18px 12px 52px;
    }
    body.fxvn-copytrade-guide-page .fxct-hero{
        min-height:auto;
        padding:34px 22px;
        border-radius:18px;
    }
    body.fxvn-copytrade-guide-page .fxct-path{
        min-height:0;
        padding:24px 20px;
    }
    body.fxvn-copytrade-guide-page .fxct-section-title{
        padding-top:48px;
    }
}


/* =========================================================
   v1.2.0 — JNews / WPBakery hard override
   Removes the white article card and page-title shell that
   survives normal theme selectors.
   ========================================================= */

body.fxvn-copytrade-guide-page .jeg_content,
body.fxvn-copytrade-guide-page .jeg_main,
body.fxvn-copytrade-guide-page .jeg_main_content,
body.fxvn-copytrade-guide-page .jeg_content .container,
body.fxvn-copytrade-guide-page .jeg_content .row,
body.fxvn-copytrade-guide-page .jeg_content .jeg_main_content,
body.fxvn-copytrade-guide-page .jeg_singlepage,
body.fxvn-copytrade-guide-page .jeg_singlepage .container,
body.fxvn-copytrade-guide-page .jeg_singlepage .entry-content,
body.fxvn-copytrade-guide-page .post-wrapper,
body.fxvn-copytrade-guide-page .post-wrap,
body.fxvn-copytrade-guide-page article,
body.fxvn-copytrade-guide-page article.page,
body.fxvn-copytrade-guide-page .entry-content,
body.fxvn-copytrade-guide-page .page-content,
body.fxvn-copytrade-guide-page .wpb-content-wrapper,
body.fxvn-copytrade-guide-page .vc_row,
body.fxvn-copytrade-guide-page .vc_column_container,
body.fxvn-copytrade-guide-page .vc_column-inner,
body.fxvn-copytrade-guide-page .wpb_wrapper{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

body.fxvn-copytrade-guide-page .jeg_content,
body.fxvn-copytrade-guide-page .jeg_main,
body.fxvn-copytrade-guide-page .jeg_main_content,
body.fxvn-copytrade-guide-page .jeg_singlepage,
body.fxvn-copytrade-guide-page article.page,
body.fxvn-copytrade-guide-page .entry-content,
body.fxvn-copytrade-guide-page .page-content,
body.fxvn-copytrade-guide-page .wpb-content-wrapper{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

body.fxvn-copytrade-guide-page .jeg_content .container,
body.fxvn-copytrade-guide-page .jeg_singlepage .container{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

body.fxvn-copytrade-guide-page .jeg_content .row,
body.fxvn-copytrade-guide-page .vc_row{
    margin-left:0 !important;
    margin-right:0 !important;
}

body.fxvn-copytrade-guide-page .vc_column-inner{
    padding-left:0 !important;
    padding-right:0 !important;
}

body.fxvn-copytrade-guide-page .entry-header,
body.fxvn-copytrade-guide-page .page-header,
body.fxvn-copytrade-guide-page .jeg_post_title,
body.fxvn-copytrade-guide-page .jeg_singlepage .jeg_post_title,
body.fxvn-copytrade-guide-page .jeg_meta_container,
body.fxvn-copytrade-guide-page .jeg_breadcrumbs,
body.fxvn-copytrade-guide-page .breadcrumb,
body.fxvn-copytrade-guide-page .breadcrumbs,
body.fxvn-copytrade-guide-page .entry-title,
body.fxvn-copytrade-guide-page h1.entry-title{
    display:none !important;
}

body.fxvn-copytrade-guide-page .fxct-guide{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    position:relative;
    left:auto;
    right:auto;
}

body.fxvn-copytrade-guide-page .fxct-center{
    padding-top:38px;
}

/* Prevent a theme wrapper from painting a white rounded panel around the shortcode. */
body.fxvn-copytrade-guide-page main,
body.fxvn-copytrade-guide-page #content,
body.fxvn-copytrade-guide-page #primary{
    background:#050d17 !important;
}



/* =========================================================
   v1.3.0 — Clean CopyTrade route + shell cleanup
   ========================================================= */
body.fxvn-copytrade-guide-page .fxvn-ct-guide-ancestor{
    max-width:none !important;
}

body.fxvn-copytrade-guide-page .fxvn-ct-guide-ancestor:has(.fxct-guide){
    padding-top:0 !important;
    padding-bottom:0 !important;
}

body.fxvn-copytrade-guide-page .fxct-guide{
    margin-top:0 !important;
}

body.fxvn-copytrade-guide-page .fxct-center{
    padding-top:26px !important;
}


/* =========================================================
   v1.4.0 — Tight shell / remove the large dark gap
   ========================================================= */

body.fxvn-copytrade-guide-page .fxvn-ct-guide-ancestor{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

body.fxvn-copytrade-guide-page .fxvn-ct-guide-ancestor > .fxct-guide,
body.fxvn-copytrade-guide-page .fxct-guide{
    margin-top:0 !important;
    padding-top:18px !important;
}

body.fxvn-copytrade-guide-page .fxct-hero{
    margin-top:0 !important;
}

/* Common theme shells that add 70–120px spacing before page content. */
body.fxvn-copytrade-guide-page .jeg_content,
body.fxvn-copytrade-guide-page .jeg_main,
body.fxvn-copytrade-guide-page .jeg_main_content,
body.fxvn-copytrade-guide-page .jeg_singlepage,
body.fxvn-copytrade-guide-page .entry-content,
body.fxvn-copytrade-guide-page .page-content,
body.fxvn-copytrade-guide-page .wpb-content-wrapper,
body.fxvn-copytrade-guide-page .wpb_wrapper,
body.fxvn-copytrade-guide-page .vc_row,
body.fxvn-copytrade-guide-page .vc_column-inner{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Keep a small deliberate breathing space after the banner/header. */
body.fxvn-copytrade-guide-page .fxct-center{
    padding-top:18px !important;
}

@media(max-width:800px){
    body.fxvn-copytrade-guide-page .fxct-center{
        padding-top:10px !important;
    }
}


/* =========================================================
   v1.5.0 — Force compact at runtime
   ========================================================= */
body.fxvn-copytrade-guide-page .fxct-guide{
    padding-top:12px !important;
}
body.fxvn-copytrade-guide-page .fxct-guide .fxct-hero{
    margin-top:0 !important;
}
body.fxvn-copytrade-guide-page .fxvn-ct-guide-ancestor{
    margin-top:0 !important;
    padding-top:0 !important;
}


/* =========================================================
   v1.6.0 — ZERO GAP / hard override
   ========================================================= */

/* The shell starts immediately after the ad block. */
body.fxvn-copytrade-guide-page .fxct-center{
    padding-top:0 !important;
}

/* Fallback for cached/blocked JS: directly pull the first hero upward.
   Runtime JS then measures and corrects to the exact gap. */
@media (min-width:1201px){
    body.fxvn-copytrade-guide-page .fxct-center > .fxct-hero{
        margin-top:-92px !important;
    }
}
@media (min-width:801px) and (max-width:1200px){
    body.fxvn-copytrade-guide-page .fxct-center > .fxct-hero{
        margin-top:-64px !important;
    }
}
@media (max-width:800px){
    body.fxvn-copytrade-guide-page .fxct-center > .fxct-hero{
        margin-top:-12px !important;
    }
}

/* Do not let a theme wrapper clip the pulled-up hero. */
body.fxvn-copytrade-guide-page .fxct-guide,
body.fxvn-copytrade-guide-page .fxvn-ct-guide-ancestor,
body.fxvn-copytrade-guide-page .entry-content,
body.fxvn-copytrade-guide-page .page-content,
body.fxvn-copytrade-guide-page .wpb_wrapper,
body.fxvn-copytrade-guide-page .vc_column-inner{
    overflow:visible !important;
}


/* =========================================================
   v1.7.0 — AGGRESSIVE COMPACT HERO
   Removes BOTH kinds of visible empty space:
   1) shell gap above the hero
   2) oversized vertical centering inside the hero
   ========================================================= */

body.fxvn-copytrade-guide-page .fxct-guide{
    padding-top:0 !important;
}

body.fxvn-copytrade-guide-page .fxct-center{
    padding-top:0 !important;
}

/* The first hero starts immediately and behaves like an app header,
   not a tall marketing landing-page block. */
body.fxvn-copytrade-guide-page .fxct-center > .fxct-hero{
    min-height:0 !important;
    height:auto !important;
    margin-top:-118px !important;
    padding:44px clamp(28px,4vw,64px) !important;
    justify-content:flex-start !important;
    border-radius:22px !important;
}

/* Remove the huge empty top area created by flex centering. */
body.fxvn-copytrade-guide-page .fxct-hero{
    min-height:0 !important;
    height:auto !important;
    justify-content:flex-start !important;
}

/* Tighter title area */
body.fxvn-copytrade-guide-page .fxct-hero h1{
    margin-top:10px !important;
    margin-bottom:12px !important;
}

body.fxvn-copytrade-guide-page .fxct-hero p{
    margin-bottom:0 !important;
}

body.fxvn-copytrade-guide-page .fxct-progress{
    margin-top:20px !important;
}

/* The content after hero should also feel like CopyTrade app UI. */
body.fxvn-copytrade-guide-page .fxct-paths{
    margin-top:18px !important;
}

@media (min-width:1600px){
    body.fxvn-copytrade-guide-page .fxct-center > .fxct-hero{
        margin-top:-128px !important;
    }
}

@media (max-width:1200px){
    body.fxvn-copytrade-guide-page .fxct-center > .fxct-hero{
        margin-top:-92px !important;
        padding:38px 30px !important;
    }
}

@media (max-width:800px){
    body.fxvn-copytrade-guide-page .fxct-center > .fxct-hero{
        margin-top:-24px !important;
        padding:28px 20px !important;
        border-radius:16px !important;
    }
}


/* =========================================================
   v2.0.0 — STANDALONE ROUTE
   This page no longer renders inside a WordPress Page,
   JNews article wrapper, or WPBakery content container.
   ========================================================= */

body.fxvn-copytrade-guide-standalone{
    background:#050d17 !important;
}

body.fxvn-copytrade-guide-standalone .fxvn-copytrade-guide-app{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    background:#050d17;
    overflow:hidden;
}

/* Cancel all experimental negative-margin fixes from old page-wrapper versions.
   The standalone route does not need them. */
body.fxvn-copytrade-guide-standalone .fxct-guide,
body.fxvn-copytrade-guide-standalone .fxct-center,
body.fxvn-copytrade-guide-standalone .fxct-center > .fxct-hero,
body.fxvn-copytrade-guide-standalone .fxct-hero{
    margin-top:0 !important;
    transform:none !important;
}

body.fxvn-copytrade-guide-standalone .fxct-guide{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:18px clamp(18px,4vw,72px) 80px !important;
}

body.fxvn-copytrade-guide-standalone .fxct-center{
    padding-top:18px !important;
}

body.fxvn-copytrade-guide-standalone .fxct-center > .fxct-hero{
    min-height:0 !important;
    height:auto !important;
    padding:48px clamp(30px,5vw,76px) !important;
    justify-content:flex-start !important;
    border-radius:24px !important;
}

body.fxvn-copytrade-guide-standalone .fxct-guide > *{
    max-width:1480px;
    margin-left:auto;
    margin-right:auto;
}

@media(max-width:800px){
    body.fxvn-copytrade-guide-standalone .fxct-guide{
        padding:10px 12px 52px !important;
    }
    body.fxvn-copytrade-guide-standalone .fxct-center{
        padding-top:10px !important;
    }
    body.fxvn-copytrade-guide-standalone .fxct-center > .fxct-hero{
        padding:30px 20px !important;
        border-radius:16px !important;
    }
}


/* =========================================================
   FXVN COPYTRADE PRODUCT SHELL — v3.0.0
   Dedicated product identity matching /copytrade/.
   No FXVNPro theme header, ad strip, article shell or footer.
   ========================================================= */

html{
    margin-top:0 !important;
    background:#07111f;
}

body.fxct-product-shell,
body.fxvn-copytrade-guide-standalone{
    margin:0 !important;
    background:#07111f !important;
    color:#eef6ff;
}

body.admin-bar.fxct-product-shell{
    margin-top:32px !important;
}

.fxct-product{
    min-height:100vh;
    background:
        radial-gradient(circle at 14% 0%,rgba(38,198,218,.055),transparent 23%),
        #07111f;
    color:#eef6ff;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.fxct-appbar{
    position:sticky;
    top:0;
    z-index:9998;
    width:100%;
    background:rgba(6,15,27,.96);
    border-bottom:1px solid #17304a;
    backdrop-filter:blur(16px);
}

body.admin-bar .fxct-appbar{top:32px}

.fxct-appbar-inner{
    width:min(1480px,calc(100% - 48px));
    min-height:78px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:34px;
}

.fxct-brand{
    display:flex;
    align-items:center;
    gap:13px;
    flex:0 0 auto;
    text-decoration:none !important;
    color:#fff !important;
}

.fxct-brand-mark{
    display:grid;
    place-items:center;
    width:62px;
    height:42px;
    border-radius:9px;
    border:1px solid rgba(38,198,218,.38);
    background:linear-gradient(135deg,#0b2135,#0a1726);
    color:#72e4f0;
    font-size:15px;
    font-weight:900;
    letter-spacing:.08em;
}

.fxct-brand-copy{display:flex;flex-direction:column;line-height:1.08}
.fxct-brand-copy strong{font-size:19px;letter-spacing:-.02em;color:#fff}
.fxct-brand-copy small{margin-top:5px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#7892aa}

.fxct-appnav{
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
}

.fxct-appnav a{
    position:relative;
    padding:10px 13px;
    border-radius:9px;
    text-decoration:none !important;
    color:#aebfd0 !important;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.fxct-appnav a:hover{color:#fff !important;background:#0b1c2d}
.fxct-appnav a.is-active{
    color:#7be3a4 !important;
    background:rgba(31,209,115,.08);
}
.fxct-appnav a.is-active:after{
    content:"";
    position:absolute;
    left:14px;right:14px;bottom:3px;
    height:2px;
    border-radius:2px;
    background:#1fd173;
}

.fxct-back{
    flex:0 0 auto;
    padding:9px 12px;
    border:1px solid #203a54;
    border-radius:9px;
    color:#a9bdcf !important;
    text-decoration:none !important;
    font-size:12px;
    font-weight:800;
}

.fxct-back:hover{color:#fff !important;border-color:#315777}

.fxct-statusbar{
    background:#091827;
    border-bottom:1px solid #173653;
}

.fxct-statusbar-inner{
    width:min(1480px,calc(100% - 48px));
    min-height:39px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:25px;
    color:#89a2b8;
    font-size:10px;
    font-weight:800;
    letter-spacing:.09em;
}

.fxct-statusbar-inner span:first-child{color:#79dea0}
.fxct-statusbar-inner i{
    display:inline-block;
    width:7px;height:7px;
    margin-right:6px;
    border-radius:50%;
    background:#1fd173;
    box-shadow:0 0 12px rgba(31,209,115,.65);
}

.fxct-mobile-toggle,.fxct-mobile-menu{display:none}

/* Reset the standalone guide to product-shell spacing. */
body.fxct-product-shell .fxvn-copytrade-guide-app{
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}

body.fxct-product-shell .fxct-guide{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:32px clamp(18px,4vw,72px) 72px !important;
    background:transparent !important;
}

body.fxct-product-shell .fxct-guide > *{
    width:100%;
    max-width:1480px;
    margin-left:auto;
    margin-right:auto;
}

/* Make Getting Started hero visually match the CopyTrade landing page. */
body.fxct-product-shell .fxct-center > .fxct-hero{
    min-height:0 !important;
    margin:0 auto !important;
    padding:58px clamp(34px,6vw,88px) !important;
    border:1px solid #1a3855 !important;
    border-radius:22px !important;
    background:
        radial-gradient(circle at 82% 15%,rgba(38,198,218,.12),transparent 30%),
        radial-gradient(circle at 94% 90%,rgba(31,209,115,.07),transparent 26%),
        linear-gradient(135deg,#081727,#0a1828 60%,#081522) !important;
    box-shadow:0 20px 60px rgba(0,0,0,.18) !important;
}

body.fxct-product-shell .fxct-eyebrow{
    color:#71dce8 !important;
}

body.fxct-product-shell .fxct-hero h1{
    max-width:900px !important;
    margin:12px 0 16px !important;
    color:#fff !important;
    font-size:clamp(42px,5.2vw,74px) !important;
    letter-spacing:-.045em;
}

body.fxct-product-shell .fxct-hero p{
    max-width:850px !important;
    color:#9fb2c5 !important;
    font-size:17px !important;
}

body.fxct-product-shell .fxct-progress{
    margin-top:26px !important;
}

body.fxct-product-shell .fxct-paths{
    gap:20px !important;
    margin-top:20px !important;
}

body.fxct-product-shell .fxct-path{
    border-color:#173653 !important;
    background:linear-gradient(180deg,#0a1929,#081421) !important;
    box-shadow:none !important;
}

body.fxct-product-shell .fxct-btn{
    background:#1fd173 !important;
}

.fxct-appfooter{
    border-top:1px solid #17304a;
    background:#060f1b;
}

.fxct-appfooter-inner{
    width:min(1480px,calc(100% - 48px));
    min-height:96px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    color:#7f96aa;
    font-size:12px;
}

.fxct-appfooter-inner>div{display:flex;flex-direction:column;gap:4px}
.fxct-appfooter-inner strong{color:#dbe8f4;font-size:14px}
.fxct-appfooter-inner nav{display:flex;gap:22px;flex-wrap:wrap}
.fxct-appfooter-inner a{color:#879eb2 !important;text-decoration:none !important}
.fxct-appfooter-inner a:hover{color:#fff !important}

@media(max-width:1050px){
    .fxct-appnav,.fxct-back{display:none}
    .fxct-mobile-toggle{
        display:flex;
        width:42px;height:42px;
        margin-left:auto;
        padding:11px;
        flex-direction:column;
        justify-content:center;
        gap:5px;
        border:1px solid #203a54;
        border-radius:9px;
        background:#081624;
    }
    .fxct-mobile-toggle span{display:block;height:2px;background:#dbe8f4;border-radius:2px}
    .fxct-mobile-menu{
        width:min(100% - 24px,720px);
        margin:0 auto 12px;
        padding:10px;
        border:1px solid #173653;
        border-radius:12px;
        background:#081624;
    }
    .fxct-mobile-menu.is-open{display:grid;grid-template-columns:1fr 1fr;gap:6px}
    .fxct-mobile-menu a{
        padding:11px;
        border-radius:8px;
        text-decoration:none !important;
        color:#aebfd0 !important;
        font-size:13px;
        font-weight:700;
    }
    .fxct-mobile-menu a.is-active{color:#78dfa0 !important;background:rgba(31,209,115,.08)}
}

@media(max-width:782px){
    body.admin-bar.fxct-product-shell{margin-top:46px !important}
    body.admin-bar .fxct-appbar{top:46px}
}

@media(max-width:700px){
    .fxct-appbar-inner,.fxct-statusbar-inner,.fxct-appfooter-inner{width:calc(100% - 24px)}
    .fxct-appbar-inner{min-height:68px}
    .fxct-statusbar-inner{gap:12px;overflow:auto;white-space:nowrap;scrollbar-width:none}
    .fxct-statusbar-inner::-webkit-scrollbar{display:none}
    .fxct-brand-mark{width:55px;height:38px}
    .fxct-brand-copy strong{font-size:17px}
    .fxct-brand-copy small{display:none}
    body.fxct-product-shell .fxct-guide{padding:18px 12px 52px !important}
    body.fxct-product-shell .fxct-center > .fxct-hero{
        padding:34px 22px !important;
        border-radius:16px !important;
    }
    body.fxct-product-shell .fxct-hero h1{font-size:clamp(36px,10vw,52px) !important}
    .fxct-appfooter-inner{min-height:130px;align-items:flex-start;justify-content:center;flex-direction:column}
    .fxct-mobile-menu.is-open{grid-template-columns:1fr}
}