*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06101d;color:#eaf2fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}.topbar{height:72px;background:#0a1727;border-bottom:1px solid #1a2d43;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:21px;font-weight:800}.brand-mark{width:35px;height:35px;border-radius:10px;background:#52e3ad;color:#03150f;display:grid;place-items:center;font-weight:900}.navlinks{display:flex;align-items:center;gap:17px}.navlinks a{color:#b9c9dc;text-decoration:none;font-size:14px}.navlinks a:hover{color:#fff}.admin-link{color:#66e7b8!important}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px}.container{width:min(1160px,92%);margin:32px auto;min-height:65vh}.hero{padding:65px 0 55px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;max-width:850px;margin:12px 0 20px;letter-spacing:-2px}.hero p{font-size:19px;color:#aebed1;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.eyebrow{display:inline-block;padding:7px 11px;border-radius:999px;background:#10263b;color:#67e5b6;font-weight:700;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.two{display:grid;grid-template-columns:2fr 1fr;gap:20px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#0b192b;border:1px solid #1d3149;border-radius:16px;padding:22px;box-shadow:0 12px 35px #0003}.card h2,.card h3{margin-top:0}.muted{color:#8fa4ba}.stat{font-size:29px;font-weight:850;letter-spacing:-.5px}.small-stat{font-size:18px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#4fe0aa;color:#03140e!important;padding:11px 17px;border:0;border-radius:9px;font-weight:800;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn.dark{background:#1a2c42;color:#e9f2fc!important}.btn.danger{background:#e85f6c;color:#fff!important}.btn.small{padding:7px 11px;font-size:13px}.form{max-width:600px}.input,.select,textarea{width:100%;padding:12px 13px;border:1px solid #2a4059;background:#071321;color:#fff;border-radius:9px;margin:7px 0 15px;font:inherit}.input:focus,.select:focus,textarea:focus{outline:2px solid #3edca4;border-color:transparent}.check{display:flex;align-items:center;gap:8px;margin:10px 0 18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{padding:13px;border-bottom:1px solid #1d3047;text-align:left;vertical-align:top}.table th{color:#9fb1c5;font-size:13px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#172c43;color:#c9d8e8;font-size:12px}.success-badge{background:#10382b;color:#75e7b6}.danger-badge{background:#3d1e26;color:#ff9da8}.alert{padding:13px 15px;border-radius:10px;margin:16px 0;border:1px solid}.alert.success{background:#0e3026;border-color:#1b664d;color:#88f0c5}.alert.error{background:#3a1920;border-color:#7a2c38;color:#ffabb5}.notice{background:#0c2135;border:1px solid #1d3b58;padding:15px;border-radius:12px}.copy-card{display:flex;flex-direction:column;gap:8px}.copy-card .spacer{flex:1}.wallet-address{word-break:break-all;background:#071321;border:1px dashed #35506d;padding:14px;border-radius:10px}.danger-zone{border-color:#71313b}.footer{border-top:1px solid #1a2d43;background:#071321;padding:34px 5%;color:#879bb0}.footer-grid{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-grid strong{color:#dce8f4}.footer-grid a{display:block;color:#9ce9ca;text-decoration:none;margin:5px 0}.copyright{width:min(1160px,100%);margin:25px auto 0;border-top:1px solid #1b2b40;padding-top:18px;font-size:13px}.kpi{display:flex;align-items:center;justify-content:space-between;gap:15px}.icon-box{width:45px;height:45px;border-radius:12px;background:#11283e;display:grid;place-items:center;font-size:20px}.empty{text-align:center;padding:35px;color:#8ea1b7}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs a{padding:8px 12px;background:#0d1e32;border:1px solid #1c334b;border-radius:8px;color:#b8c9dc;text-decoration:none}.inline-form{display:inline}.admin-sidebar{background:#0a1727;border:1px solid #1d3047;border-radius:14px;padding:14px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-sidebar a{padding:8px 11px;color:#b9cce0;text-decoration:none;border-radius:8px}.admin-sidebar a:hover{background:#132940;color:#fff}.progress{height:8px;background:#15273b;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:#4fe0aa}.modal-note{font-size:13px;color:#8297ad}@media(max-width:800px){.topbar{height:auto;min-height:68px;flex-wrap:wrap}.menu-btn{display:block}.navlinks{display:none;width:100%;padding:12px 0;flex-direction:column;align-items:stretch}.menu-open .navlinks{display:flex}.navlinks a{padding:9px 5px}.two,.three,.footer-grid{grid-template-columns:1fr}.hero{padding-top:35px}.hero h1{letter-spacing:-1px}.container{margin-top:22px}.table{min-width:700px}}

.trustpilot-box{margin-top:8px;padding:12px 14px;background:#0b1b2c;border:1px solid #29415a;border-radius:10px;max-width:230px}
.trustpilot-brand{font-weight:850;color:#fff;margin-bottom:4px}
.trustpilot-rating{display:flex;align-items:center;gap:8px;font-size:13px}
.trustpilot-rating .stars{letter-spacing:1px;color:#00b67a;font-size:15px}
.trustpilot-box a{display:inline-block;margin-top:5px;color:#83e9bf;text-decoration:none;font-size:12px}
.trustpilot-box a:hover{text-decoration:underline}


/* OrbitXchange Pro visual system */
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px;align-items:center}.hero-art{min-height:390px;background:radial-gradient(circle at 50% 40%,#15395a 0,#0b192b 52%,#07111e 100%);border:1px solid #203b56;border-radius:24px;padding:16px;box-shadow:0 24px 80px #0006;overflow:hidden}.hero-art img{width:100%;height:100%;display:block}.feature-grid{margin-top:22px}.market-tape{margin:8px 0 20px;border:1px solid #1d3853;border-radius:12px;overflow:hidden;background:#071321;min-height:46px}.chart-card{padding:0;overflow:hidden;margin:20px 0 24px}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #1b3048}.chart-header h2{margin:8px 0 0}.tv-chart{height:590px;width:100%}.live-dot{font-size:12px;font-weight:800;color:#6de7b9;display:flex;gap:7px;align-items:center}.live-dot i{display:block;width:8px;height:8px;background:#4fe0aa;border-radius:50%;box-shadow:0 0 0 5px #4fe0aa22}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{height:100%}.settings-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.settings-icon{width:42px;height:42px;border-radius:12px;background:#112b42;color:#64e4b3;display:grid;place-items:center;font-weight:900}.settings-savebar{margin-top:18px;background:#0b192b;border:1px solid #1d3853;border-radius:15px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.settings-savebar p{margin:3px 0 0}.settings-form label{display:block;font-size:13px;color:#9eb0c4;font-weight:700;margin-top:5px}.trustpilot-box{box-shadow:0 10px 30px #0002}
@media(max-width:900px){.home-hero-grid,.settings-grid{grid-template-columns:1fr}.hero-art{min-height:300px}.tv-chart{height:480px}.settings-savebar{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.tv-chart{height:410px}.chart-header{padding:16px}.hero-art{min-height:250px}}

.market-disclosure{width:min(1160px,100%);margin:20px auto 0;font-size:11px;color:#647b92}

.trade-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px}.account-card{height:max-content;position:sticky;top:95px}.big-stat{font-size:38px;margin-top:8px}.account-rule{height:1px;background:#1d3047;margin:22px 0}@media(max-width:850px){.trade-layout{grid-template-columns:1fr}.account-card{position:static}}
.copy-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;background:linear-gradient(135deg,#0b1d30,#0a1523);border:1px solid #203a55;border-radius:24px;padding:28px;margin-bottom:24px;overflow:hidden}.copy-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-1.8px;margin:12px 0}.copy-hero img{width:100%;max-height:330px;object-fit:contain}.copy-avatar{display:flex;align-items:center;gap:14px}.copy-avatar img{width:58px;height:58px;flex:0 0 58px}.copy-avatar h2,.copy-avatar h3{margin:4px 0 0}.copy-stats,.copy-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.copy-stats span,.copy-metrics span{background:#081522;border:1px solid #1b334b;border-radius:10px;padding:10px;color:#8298ae;font-size:12px}.copy-stats strong,.copy-metrics strong{display:block;color:#e8f1fa;font-size:14px;margin-top:3px}.premium-copy{padding:20px;min-height:420px}.copy-active-card{background:#0d2034;border:1px solid #24415d;border-radius:15px;padding:18px}.premium-admin-card{display:flex;flex-direction:column;gap:15px}.positions-card{margin-top:22px}.position-table{min-width:1000px}.close-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.input.compact{width:125px;margin:0;padding:8px}.pl-positive{color:#74e8b7;font-weight:800}.pl-negative{color:#ff9da8;font-weight:800}.visual-banner{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;align-items:center;margin:24px 0;padding:18px}.visual-banner img{width:100%;border-radius:16px}.visual-banner h2{font-size:30px;line-height:1.1;margin:10px 0}@media(max-width:850px){.copy-hero,.visual-banner{grid-template-columns:1fr}.copy-hero img{max-height:250px}.premium-copy{min-height:auto}}@media(max-width:600px){.copy-stats,.copy-metrics{grid-template-columns:1fr}.copy-hero{padding:20px}}

/* Professional paper-trading UI */
.simulation-banner{display:flex;align-items:center;gap:12px;margin:16px 0;background:linear-gradient(135deg,#102a42,#0c1d30);border-color:#2a4b69}.simulation-banner strong{color:#67e5b6;letter-spacing:.08em;font-size:12px;white-space:nowrap}.sim-rule-card{background:linear-gradient(135deg,#0e263d,#091522);border:1px solid #23445f;border-radius:14px;padding:16px;margin:14px 0}.sim-rule-card span,.sim-rule-card small{display:block;color:#8fa4ba}.sim-rule-card strong{display:block;font-size:28px;margin:4px 0;color:#72e7ba}.trade-visual{margin:20px 0}.trade-visual img{max-height:210px;object-fit:contain}.admin-rule-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;min-width:470px}.admin-rule-form label{display:block;color:#8fa4ba;font-size:11px;font-weight:700}.admin-rule-form .compact{width:105px;margin:4px 0 0}.admin-rule-form .select.compact{width:120px}.demo-kpi{border-color:#27516c;box-shadow:0 16px 45px #0004}.premium-admin-card{background:linear-gradient(145deg,#0c1d30,#091522)}.premium-copy{background:linear-gradient(145deg,#0d2135,#091522);box-shadow:0 18px 45px #0004}.position-table td{vertical-align:middle}.pl-positive{font-variant-numeric:tabular-nums}.pl-negative{font-variant-numeric:tabular-nums}@media(max-width:700px){.simulation-banner{align-items:flex-start;flex-direction:column}.admin-rule-form{min-width:0}.trade-visual img{max-height:170px}}

/* V4 competition trading control center */
.admin-control-kpis .card{background:linear-gradient(145deg,#0d2135,#091522)}
.admin-trade-table{min-width:1250px}
.admin-rule-pro{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;align-items:end;min-width:650px}
.admin-rule-pro label{display:block;color:#8fa4ba;font-size:11px;font-weight:800;margin-bottom:4px}
.admin-rule-pro .compact{width:100%;margin:0}
.admin-rule-pro .select.compact{width:100%}
@media(max-width:900px){.admin-rule-pro{grid-template-columns:repeat(2,minmax(110px,1fr));min-width:0}}

/* Trading funding center */
.transfer-hero{display:grid;grid-template-columns:1fr 70px 1fr;gap:14px;align-items:center;margin:20px 0 22px}.transfer-balance{padding:26px}.transfer-balance strong{display:block;font-size:32px;margin:8px 0}.transfer-balance small{color:#8297ad}.transfer-balance.featured{border-color:#2b705b;background:linear-gradient(145deg,#0c2a28,#091822)}.transfer-arrow{text-align:center;font-size:30px;color:#64e4b3}.transfer-columns{align-items:start}.amount-input-wrap{position:relative}.amount-input-wrap>span{position:absolute;right:14px;top:17px;color:#67e5b6;font-weight:800;z-index:2}.amount-input-wrap .input{padding-right:70px}.quick-amounts{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}.info-step{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #1b3047}.info-step>b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#112b42;color:#67e5b6}.info-step strong{display:block}.info-step p{margin:4px 0 0;color:#8fa4ba;font-size:14px}@media(max-width:700px){.transfer-hero{grid-template-columns:1fr}.transfer-arrow{transform:rotate(90deg)}}


/* ==========================================================
   OrbitXchange V8 — TRUE FLUID / MOBILE RESPONSIVE LAYOUT
   Prevents desktop-width containers, horizontal overflow and
   narrow-content rendering on phones.
   ========================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

body {
    position: relative;
}

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
}

.topbar {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: max(12px, 4vw);
    padding-right: max(12px, 4vw);
}

.container {
    width: min(1160px, calc(100% - 32px));
    max-width: 1160px;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}

.two,
.three,
.grid,
.trade-layout,
.home-hero-grid,
.copy-hero,
.visual-banner,
.transfer-hero,
.transfer-columns,
.settings-grid {
    width: 100%;
    min-width: 0;
}

.card,
.notice,
.chart-card,
.market-tape,
.hero-art,
.copy-hero,
.visual-banner,
.transfer-balance {
    min-width: 0;
    max-width: 100%;
}

.table-wrap,
.market-tape,
.chart-card,
.tv-chart {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.tv-chart iframe,
.chart-card iframe {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
}

.hero-actions,
.section-title,
.kpi {
    min-width: 0;
}

.section-title > * {
    min-width: 0;
}

.section-title {
    flex-wrap: wrap;
}

.stat,
.big-stat,
.card h1,
.card h2,
.card h3,
.card p {
    overflow-wrap: anywhere;
}

@media (max-width: 850px) {

    .topbar {
        min-height: 64px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .brand {
        min-width: 0;
    }

    .brand span:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .navlinks {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .container {
        width: calc(100% - 24px);
        max-width: none;
        margin-top: 20px;
    }

    .grid {
        grid-template-columns: 1fr;
    }

    .two,
    .three,
    .trade-layout,
    .home-hero-grid,
    .copy-hero,
    .visual-banner,
    .settings-grid {
        grid-template-columns: 1fr;
    }

    .hero {
        padding-top: 28px;
    }

    .hero h1 {
        font-size: clamp(32px, 10vw, 52px);
    }

    .chart-header {
        flex-wrap: wrap;
        gap: 10px;
    }

    .tv-chart {
        height: 420px;
    }

    .admin-rule-form,
    .admin-rule-pro {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .account-card {
        position: static;
    }

    .transfer-hero {
        grid-template-columns: 1fr;
    }

    .transfer-arrow {
        transform: rotate(90deg);
    }
}

@media (max-width: 600px) {

    .topbar {
        padding-left: 12px;
        padding-right: 12px;
    }

    .container {
        width: calc(100% - 20px);
        margin-top: 16px;
    }

    .card {
        padding: 16px;
        border-radius: 14px;
    }

    .section-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .section-title .hero-actions {
        width: 100%;
        margin-top: 0;
    }

    .hero-actions .btn {
        flex: 1 1 auto;
    }

    .kpi {
        align-items: flex-start;
    }

    .stat {
        font-size: 26px;
        word-break: break-word;
    }

    .big-stat {
        font-size: 32px;
        word-break: break-word;
    }

    .chart-header {
        padding: 14px;
    }

    .tv-chart {
        height: 360px;
    }

    .market-tape {
        margin-left: 0;
        margin-right: 0;
    }

    .simulation-banner {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-rule-pro {
        grid-template-columns: 1fr;
    }

    .admin-rule-form {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-rule-form .compact,
    .admin-rule-form .select.compact {
        width: 100%;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    /* Tables remain readable by scrolling inside their wrapper,
       never by forcing the whole page to become wider. */
    .table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table {
        min-width: 620px;
    }

    .position-table {
        min-width: 850px;
    }

    .admin-trade-table {
        min-width: 1000px;
    }
}

@media (max-width: 420px) {

    .brand {
        gap: 7px;
        font-size: 18px;
    }

    .brand-mark {
        width: 34px;
        height: 34px;
    }

    .menu-btn {
        padding: 5px 8px;
    }

    .container {
        width: calc(100% - 16px);
    }

    .card {
        padding: 14px;
    }

    .btn {
        max-width: 100%;
    }

    .tv-chart {
        height: 320px;
    }
}

/* =========================================================
   OrbitXchange HEADER V9 - MOBILE FIRST OVERRIDES
   Prevent legacy .topbar/.navlinks rules from affecting mobile.
   ========================================================= */
.tf-header,
.tf-header * { box-sizing: border-box; }
.tf-header { position: sticky; top: 0; z-index: 10000; width: 100%; background: rgba(5,12,22,.97); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.tf-header-inner { width: 100%; max-width: 1320px; min-height: 72px; margin: 0 auto; padding: 0 20px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.tf-brand { display:flex !important; align-items:center; gap:10px; flex:0 0 auto; min-width:0; color:#fff !important; text-decoration:none !important; font-size:inherit !important; font-weight:inherit !important; }
.tf-logo { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,#2db9f4,#2676f3); color:#fff; font-size:20px; font-weight:900; }
.tf-brand-text { color:#f4f7fb; font-size:20px; line-height:1; font-weight:800; white-space:nowrap; }
.tf-brand-text span { color:#58b5ff; }
.tf-desktop-nav { display:flex; align-items:center; justify-content:center; gap:2px; margin-left:auto; min-width:0; }
.tf-desktop-nav a { display:inline-flex; align-items:center; justify-content:center; padding:9px 11px; border-radius:9px; color:#aab7c7; text-decoration:none; font-size:13px; font-weight:600; white-space:nowrap; }
.tf-desktop-nav a:hover { color:#fff; background:rgba(255,255,255,.07); }
.tf-desktop-nav .tf-admin-link { color:#5cb5ff; background:rgba(55,150,255,.08); }
.tf-header-actions { display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.tf-notification { width:38px; height:38px; display:grid; place-items:center; position:relative; border-radius:50%; color:#d7e1ec; background:rgba(255,255,255,.05); text-decoration:none; font-size:20px; }
.tf-avatar { width:38px; height:38px; border:0; border-radius:50%; background:linear-gradient(135deg,#315cff,#36b8ff); color:#fff; font-size:14px; font-weight:800; cursor:pointer; }
.tf-menu-button { width:40px; height:40px; display:none; align-items:center; justify-content:center; flex-direction:column; gap:4px; padding:0; border:0; border-radius:10px; background:rgba(255,255,255,.06); cursor:pointer; }
.tf-menu-button span { width:18px; height:2px; border-radius:3px; background:#fff; }
.tf-auth-buttons { display:flex; align-items:center; gap:10px; }
.tf-login { color:#b7c4d4; text-decoration:none; font-size:14px; font-weight:600; }
.tf-register { min-height:40px; padding:0 15px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:linear-gradient(135deg,#35b9ff,#315cff); color:#fff; text-decoration:none; font-weight:700; }
.tf-mobile-menu { display:none; width:calc(100% - 20px); max-width:500px; margin:0 auto 12px; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#0c1726; box-shadow:0 25px 70px rgba(0,0,0,.45); }
body.tf-menu-open .tf-mobile-menu { display:block; }
.tf-mobile-profile { display:flex; align-items:center; gap:12px; padding:12px; margin-bottom:8px; border-radius:13px; background:rgba(255,255,255,.04); }
.tf-mobile-avatar { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,#315cff,#36b8ff); color:#fff; font-weight:800; }
.tf-mobile-profile-info { min-width:0; }
.tf-mobile-profile-info strong { display:block; color:#fff; font-size:14px; }
.tf-mobile-profile-info small { display:block; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7e8fa4; font-size:11px; }
.tf-mobile-navigation { display:grid; gap:3px; }
.tf-mobile-navigation a { min-height:48px; display:flex; align-items:center; gap:12px; padding:0 11px; border-radius:11px; color:#d7e0ea; text-decoration:none; font-size:14px; font-weight:600; }
.tf-mobile-navigation a:hover,.tf-mobile-navigation a:active { background:rgba(255,255,255,.06); color:#fff; }
.tf-menu-icon { width:31px; height:31px; flex:0 0 31px; display:grid; place-items:center; border-radius:8px; background:rgba(58,165,255,.09); color:#53b5ff; font-size:15px; }
.tf-mobile-admin { margin-top:5px; border-top:1px solid rgba(255,255,255,.07); padding-top:7px !important; }
.tf-mobile-logout { margin-top:4px; color:#ff7d8d !important; border-top:1px solid rgba(255,255,255,.07); }

/* Keep the page itself from ever becoming wider than the device. */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
.container { width:min(1160px, calc(100% - 32px)); max-width:100%; overflow:visible; }
img, iframe, video, svg { max-width:100%; }

@media (max-width:1100px) and (min-width:851px) {
    .tf-desktop-nav a { padding-left:7px; padding-right:7px; font-size:12px; }
    .tf-brand-text { font-size:18px; }
}

@media (max-width:850px) {
    .tf-header-inner { min-height:66px; padding:0 14px; gap:8px; }
    .tf-desktop-nav { display:none !important; }
    .tf-menu-button { display:flex !important; }
    .tf-avatar { display:none; }
    .tf-brand-text { font-size:18px; }
    .tf-logo { width:39px; height:39px; flex-basis:39px; border-radius:11px; }
    .tf-notification { width:38px; height:38px; }
    .container { width:calc(100% - 20px); margin-left:auto; margin-right:auto; }
    .grid,.two,.three { grid-template-columns:1fr !important; }
    .card { min-width:0; }
    .tv-chart, .tradingview-widget-container, .tradingview-widget-container iframe { max-width:100% !important; width:100% !important; }
}

@media (max-width:420px) {
    .tf-header-inner { padding:0 10px; min-height:62px; }
    .tf-brand { gap:7px; }
    .tf-brand-text { font-size:17px; }
    .tf-logo { width:37px; height:37px; flex-basis:37px; }
    .tf-notification { display:none; }
    .tf-mobile-menu { width:calc(100% - 16px); }
    .container { width:calc(100% - 16px); }
}

/* =========================================================
   V10 MENU REFINEMENT - CLEAR, LISTED, CAPITALIZED
   ========================================================= */
.tf-mobile-menu {
    width: min(440px, calc(100% - 24px));
    max-height: calc(100vh - 82px);
    overflow-y: auto;
    margin: 0 12px 14px auto;
    padding: 14px;
    border: 1px solid #20364e;
    border-radius: 18px;
    background: #091525;
    box-shadow: 0 24px 70px rgba(0,0,0,.55);
}
.tf-mobile-profile {
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid #1b3048;
    background: #0d1b2d;
}
.tf-mobile-profile-info strong { font-size: 14px; color: #fff; }
.tf-mobile-profile-info small { font-size: 11px; color: #8296ac; }
.tf-menu-section {
    margin: 0 0 13px;
}
.tf-menu-section-title {
    padding: 0 8px 7px;
    color: #62809e;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 1.6px;
}
.tf-mobile-navigation {
    display: grid;
    gap: 5px;
}
.tf-mobile-navigation a {
    min-height: 50px;
    padding: 0 12px;
    border: 1px solid #172b42;
    border-radius: 11px;
    background: #0c192a;
    color: #e4edf7;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 12px;
    font-weight: 800;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.tf-mobile-navigation a:hover,
.tf-mobile-navigation a:active {
    background: #102238;
    border-color: #2b5479;
    color: #fff;
    transform: translateY(-1px);
}
.tf-menu-icon {
    width: 32px;
    height: 32px;
    border: 1px solid #1e405e;
    background: #0d253b;
    color: #57b8ff;
    border-radius: 8px;
}
.tf-menu-label { flex: 1; }
.tf-admin-section { border-top: 1px solid #172b40; padding-top: 13px; }
.tf-admin-section .tf-mobile-admin {
    color: #63bbff !important;
    border-color: #1f4b6f;
    background: #0b2035;
}
.tf-logout-section {
    border-top: 1px solid #172b40;
    padding-top: 13px;
    margin-bottom: 0;
}
.tf-mobile-logout {
    color: #ff8794 !important;
    border-color: #4a2730 !important;
    background: #21151c !important;
}
.tf-menu-button::after {
    content: 'MENU';
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

@media (max-width:1100px) {
    .tf-desktop-nav { display: none !important; }
    .tf-menu-button { display: flex !important; position: relative; }
    .tf-header-inner { min-height: 68px; }
}

@media (min-width:851px) {
    .tf-mobile-menu { margin-right: 20px; }
}

@media (max-width:600px) {
    .tf-mobile-menu {
        width: calc(100% - 20px);
        margin: 0 auto 10px;
        border-radius: 16px;
    }
    .tf-menu-section-title { font-size: 9px; }
    .tf-mobile-navigation a { min-height: 48px; }
}

/* =========================================================
   V11 LIVE MARKET / CHART RESPONSIVE REFINEMENT
   ========================================================= */
.market-terminal {
    width: 100%;
    min-width: 0;
    margin: 18px 0 24px;
}
.market-tape {
    width: 100%;
    height: 48px;
    min-height: 48px;
    margin: 0 0 14px;
    border: 1px solid #1d3853;
    border-radius: 12px;
    overflow: hidden;
    background: #071321;
}
.market-tape .tradingview-widget-container,
.market-tape .tradingview-widget-container__widget {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.live-market-card {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
}
.chart-header {
    min-width: 0;
}
.chart-heading {
    min-width: 0;
}
.chart-heading h2 {
    font-size: clamp(22px, 3vw, 30px);
    letter-spacing: -.5px;
}
.chart-heading p {
    margin-bottom: 0;
}
.market-selector {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    padding: 12px 18px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    background: #081522;
    border-bottom: 1px solid #1a3048;
}
.market-selector::-webkit-scrollbar { display: none; }
.market-symbol {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #213b55;
    border-radius: 9px;
    background: #0d1d2e;
    color: #9eb0c4;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}
.market-symbol.active {
    background: #1b5d8d;
    border-color: #3ca7ef;
    color: #fff;
}
.tv-chart-wrap {
    width: 100%;
    min-width: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}
.tv-chart {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 560px;
    margin: 0;
    overflow: hidden;
}
.tv-chart .tradingview-widget-container__widget,
.tv-chart iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    display: block !important;
    border: 0 !important;
}
.dashboard-market-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 13px 15px;
    border: 1px solid #1d3853;
    border-radius: 12px;
    background: #0b192b;
    color: #9eb0c4;
    font-size: 13px;
}
.dashboard-market-note strong {
    flex: 0 0 auto;
    color: #61e5b2;
    font-size: 11px;
    letter-spacing: 1.2px;
}
@media (max-width: 700px) {
    .market-terminal { margin-top: 14px; }
    .market-tape { border-radius: 10px; margin-bottom: 10px; }
    .chart-header {
        padding: 15px !important;
        align-items: flex-start;
        gap: 10px;
    }
    .chart-heading h2 { margin: 5px 0 3px; }
    .chart-heading p { font-size: 13px; line-height: 1.45; }
    .market-selector { padding: 10px 12px; }
    .market-symbol { min-height: 34px; padding: 0 11px; }
    .tv-chart { height: 430px; }
    .dashboard-market-note {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
@media (max-width: 420px) {
    .tv-chart { height: 380px; }
    .chart-header { padding: 13px !important; }
    .market-symbol { font-size: 11px; }
    .live-dot { font-size: 10px; }
}

/* =========================================================
   OrbitXchange V12 - CLEAN MOBILE APP SHELL
   ========================================================= */
.tf-header { overflow: visible; }
.tf-header-inner { position: relative; }
.tf-notification { position: relative; }
.tf-bell { position: relative; width: 16px; height: 17px; display:block; border:2px solid #d7e1ec; border-bottom:0; border-radius:9px 9px 3px 3px; }
.tf-bell::before { content:""; position:absolute; left:50%; bottom:-4px; width:6px; height:2px; transform:translateX(-50%); border-radius:2px; background:#d7e1ec; }
.tf-bell::after { content:""; position:absolute; left:50%; top:-4px; width:4px; height:4px; transform:translateX(-50%); border-radius:50%; background:#d7e1ec; }
.tf-menu-button { position:relative; }

/* The menu is a floating sheet. It must never push the dashboard down. */
.tf-mobile-menu {
    position:absolute !important;
    top:calc(100% + 8px);
    right:12px;
    left:auto;
    z-index:10001;
    width:min(360px, calc(100vw - 24px)) !important;
    max-height:min(72vh, 620px);
    margin:0 !important;
    overflow-y:auto;
    overscroll-behavior:contain;
    box-shadow:0 24px 80px rgba(0,0,0,.65);
}
@media (max-width:600px) {
    .tf-header-inner { min-height:64px; padding:0 14px; }
    .tf-brand { gap:8px; }
    .tf-logo { width:38px; height:38px; flex-basis:38px; border-radius:11px; }
    .tf-brand-text { font-size:18px; }
    .tf-notification { display:grid; width:36px; height:36px; }
    .tf-menu-button { width:38px; height:38px; }
    .tf-mobile-menu { right:8px; width:min(350px, calc(100vw - 16px)) !important; }
}

/* Dashboard hierarchy */
.dashboard-title { margin: 8px 0 22px; }
.dashboard-title h1 { margin:0; font-size:clamp(30px,7vw,46px); letter-spacing:-1.4px; }
.dashboard-title p { margin:5px 0 0; }
.dashboard-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:16px; }
.dashboard-actions .btn { min-height:42px; }
.dashboard-kpis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.dashboard-kpis .wallet-kpi { grid-column:span 2; }
.dashboard-kpis .card { min-width:0; }
.wallet-kpi { background:linear-gradient(145deg,#0d2338,#081522); border-color:#24435f; padding:22px; }
.wallet-kpi .kpi-label { color:#8ea5bb; font-size:13px; font-weight:700; }
.wallet-kpi .wallet-value { margin-top:5px; font-size:clamp(30px,7vw,44px); line-height:1.05; font-weight:850; letter-spacing:-1.4px; overflow-wrap:anywhere; }
.wallet-kpi .wallet-sub { color:#758ba2; font-size:12px; margin-top:8px; }
.dashboard-kpis .mini-kpi { padding:17px; }
.dashboard-kpis .mini-kpi .muted { font-size:12px; }
.dashboard-kpis .mini-kpi .stat { font-size:25px; margin-top:3px; }
.dashboard-kpis .mini-kpi .icon-box { width:38px; height:38px; border-radius:10px; font-size:17px; }
.dashboard-kpis .demo-kpi .btn { margin-top:10px; }

@media (max-width:600px) {
    .dashboard-title { margin-top:4px; }
    .dashboard-actions { display:grid; grid-template-columns:1fr 1fr; }
    .dashboard-actions .btn { width:100%; padding:10px 8px; font-size:12px; }
    .dashboard-kpis { gap:10px; }
    .wallet-kpi { padding:18px; }
    .dashboard-kpis .mini-kpi { padding:14px; }
    .dashboard-kpis .mini-kpi .stat { font-size:22px; }
}

/* Mobile bottom navigation, deliberately compact and fixed. */
.tf-bottom-nav { display:none; }
@media (max-width:850px) {
    body { padding-bottom:74px; }
    .tf-bottom-nav {
        position:fixed;
        left:10px;
        right:10px;
        bottom:10px;
        z-index:9999;
        height:60px;
        display:grid;
        grid-template-columns:repeat(5,1fr);
        gap:3px;
        padding:6px;
        border:1px solid #24384d;
        border-radius:18px;
        background:rgba(8,18,31,.94);
        box-shadow:0 18px 50px rgba(0,0,0,.55);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
    }
    .tf-bottom-nav a, .tf-bottom-nav button {
        border:0; background:transparent; color:#7f93a8; text-decoration:none;
        display:flex; flex-direction:column; align-items:center; justify-content:center;
        gap:2px; border-radius:12px; font:inherit; cursor:pointer; min-width:0;
    }
    .tf-bottom-nav a.active, .tf-bottom-nav button:active { color:#61e6b2; background:#10283a; }
    .tf-bottom-nav .bn-icon { font-size:16px; line-height:1; }
    .tf-bottom-nav .bn-label { font-size:9px; font-weight:800; letter-spacing:.2px; }
}


/* OrbitXchange V13 - clarity-first fintech dashboard */
@media (min-width:851px){
  .dashboard-overview{margin-top:4px}
  .tf-bottom-nav{display:none!important}
}
@media (max-width:850px){
  .market-terminal{margin-top:18px}
  .live-market-card{border-radius:18px}
  .chart-header{padding:14px 15px!important}
  .market-selector{padding:9px 11px}
  .tv-chart{height:430px}
}
@media (max-width:430px){.tv-chart{height:390px}}

/* ==========================================================
   OrbitXchange V16 — PROFESSIONAL FINTECH DASHBOARD SHELL
   Inspired by modern trading dashboards; OrbitXchange branding retained.
   ========================================================== */
.tf-pro-header{position:sticky;top:0;z-index:10000;height:82px;background:#0a1220;border-bottom:1px solid #1d2b3d;margin-left:248px}.tf-pro-topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 28px}.tf-pro-top-left{display:flex;align-items:center;gap:16px}.tf-pro-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f4f7fb;font-weight:900;font-size:20px}.tf-pro-brand>span:last-child>span{color:#59dfad}.tf-pro-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#4bd6ad,#2878f0);color:white;font-weight:950}.tf-pro-market-strip{display:flex;align-items:center;gap:18px;color:#8393a7;font-size:12px;margin-right:auto}.tf-pro-market-strip b{color:#58dfad}.live-pill{display:flex;align-items:center;gap:6px;color:#62e3af;font-weight:800}.live-pill i{width:8px;height:8px;border-radius:50%;background:#48d89d;box-shadow:0 0 0 4px rgba(72,216,157,.12)}.tf-pro-top-actions{display:flex;align-items:center;gap:10px}.tf-account-chip{min-width:160px;padding:8px 14px;border:1px solid #3448bd;border-radius:10px;background:#121a3a;text-decoration:none;color:#fff}.tf-account-chip small{display:block;color:#91a0b2;font-size:10px;letter-spacing:.4px}.tf-account-chip strong{display:block;margin-top:2px;font-size:16px}.tf-top-action{color:#dce5ef;text-decoration:none;font-weight:750;font-size:13px;padding:10px 12px}.tf-icon-button{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#111e30;color:#e8eff7;text-decoration:none}.tf-profile-chip{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#dfe7ef;cursor:pointer;text-align:left}.tf-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5861f2,#287eea);font-weight:850}.tf-profile-text strong,.tf-profile-text small{display:block}.tf-profile-text strong{font-size:13px}.tf-profile-text small{font-size:10px;color:#8595a8;margin-top:2px}.tf-sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;z-index:10001;background:#0c1423;border-right:1px solid #1d2a3b;padding-top:82px;display:flex;flex-direction:column}.tf-sidebar-live{height:58px;padding:0 16px;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#172246,#111a2d);font-size:11px;font-weight:850;color:#dce5ee}.tf-sidebar-live>span{color:#52d99e}.tf-sidebar-live b{margin-left:auto;color:#55e0aa}.tf-sidebar-section{padding:18px 15px 0}.tf-sidebar-section>span{display:block;font-size:10px;color:#8491a3;font-weight:850;letter-spacing:.6px;margin:0 0 9px}.tf-sidebar-section a{display:flex;align-items:center;gap:11px;color:#aeb9c8;text-decoration:none;font-size:13px;font-weight:700;padding:11px 10px;border-radius:9px;margin-bottom:3px}.tf-sidebar-section a:hover,.tf-sidebar-section a.active{background:#1c2e65;color:#f3f7fb}.tf-sidebar-section a i{width:18px;font-style:normal;text-align:center;color:#c2ceda}.tf-sidebar-section a em{margin-left:auto;font-style:normal;font-size:9px;padding:4px 7px;border-radius:999px;background:#29c879;color:#06150e}.tf-sidebar-bottom{margin-top:auto;padding:15px;border-top:1px solid #1a293a}.tf-sidebar-bottom a{display:block;padding:9px 10px;color:#8797a9;text-decoration:none;font-size:12px}.tf-sidebar-bottom a:hover{color:#fff}.tf-pro-mobile-menu{display:none}.tf-mobile-toggle{display:none}.tf-public-header{margin-left:0}.tf-public-header .tf-pro-topbar{max-width:1200px;margin:auto}.tf-auth-buttons{display:flex;gap:9px}.tf-auth-buttons a{padding:10px 15px;border-radius:9px;text-decoration:none;font-weight:800;font-size:13px}.tf-login{color:#dfe8f1;background:#132135}.tf-register{color:#06150f;background:#56dfaa}.tf-pro-header~.container{margin-left:248px;width:calc(100% - 248px);max-width:none;padding:30px 34px 40px}.tf-pro-header.tf-public-header~.container{margin-left:0;width:100%;max-width:1160px;padding:30px 16px 40px}.dashboard-shell{max-width:1120px;margin:auto}.dashboard-title{margin-bottom:24px}.dashboard-title h1{font-size:34px}.dashboard-title p{font-size:14px}.dashboard-overview{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr)}.tf-balance-card{border-radius:16px}.tf-side-balance{border-radius:16px}.market-terminal .market-tape{border-radius:10px;margin-bottom:16px}.market-terminal .chart-card{border-radius:16px;background:#1a2535}.chart-header{background:#1a2535}.dashboard-market-note{margin-bottom:12px}
@media(max-width:900px){.tf-pro-header{margin-left:0;height:64px}.tf-pro-topbar{height:64px;padding:0 14px}.tf-sidebar{display:none}.tf-mobile-toggle{width:36px;height:36px;border:0;background:#111e30;border-radius:10px;display:grid;place-content:center;gap:4px;cursor:pointer}.tf-mobile-toggle span{display:block;width:17px;height:2px;background:#e9f0f7;border-radius:2px}.tf-pro-market-strip{display:none}.tf-account-chip,.tf-top-action{display:none}.tf-profile-chip .tf-profile-text{display:none}.tf-pro-header~.container,.tf-pro-header.tf-public-header~.container{margin-left:0;width:100%;padding:20px 12px 35px}.tf-pro-mobile-menu{position:fixed;inset:0 auto 0 0;width:min(330px,88vw);z-index:20000;background:#0b1422;border-right:1px solid #26374a;box-shadow:30px 0 80px rgba(0,0,0,.45);padding:18px;overflow:auto}.tf-pro-mobile-menu.open{display:block}.tf-mobile-menu-head{display:flex;align-items:center;gap:11px;padding:5px 0 18px;border-bottom:1px solid #1e2d3f;margin-bottom:12px}.tf-mobile-menu-head strong,.tf-mobile-menu-head small{display:block}.tf-mobile-menu-head strong{font-size:14px}.tf-mobile-menu-head small{font-size:10px;color:#8191a3;margin-top:3px}.tf-mobile-menu-head button{margin-left:auto;border:0;background:#152337;color:#fff;width:34px;height:34px;border-radius:9px;font-size:20px}.tf-pro-mobile-menu>a{display:flex;align-items:center;gap:13px;color:#d7e1eb;text-decoration:none;padding:13px 11px;border-radius:10px;font-size:13px;font-weight:750;margin:3px 0}.tf-pro-mobile-menu>a:hover{background:#182844}.tf-pro-mobile-menu>a.logout{color:#ff9ca5;margin-top:16px;border-top:1px solid #1c2c3e;border-radius:0;padding-top:18px}.dashboard-title{display:block}.dashboard-title h1{font-size:29px}.dashboard-actions{margin-top:13px}.dashboard-overview{grid-template-columns:1fr}.tf-side-balance{min-height:150px}}
@media(max-width:520px){.tf-pro-brand{font-size:18px}.tf-pro-logo{width:35px;height:35px}.tf-pro-top-actions{gap:5px}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-actions .btn{font-size:11px;padding:0 8px}.tf-balance-card{padding:19px}.tf-balance-value{font-size:34px}.tf-side-value{font-size:25px}.market-terminal .chart-card{margin-left:0;margin-right:0}.tv-chart{height:420px}.container{width:100%!important}}

/* V24 professional copy-trading cards */
.copy-trader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.copy-pro-card{background:#202b3b;border:1px solid #344256;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.copy-pro-top{padding:18px 22px 0;display:flex;justify-content:flex-start}
.copy-active-badge{display:inline-flex;align-items:center;gap:5px;background:#12382b;color:#63e3a7;border-radius:4px;padding:6px 9px;font-size:11px;font-weight:900}
.copy-pro-profile{text-align:center;padding:18px 18px 24px;border-bottom:1px solid #3a4657}
.copy-pro-profile img{width:68px;height:68px;border-radius:50%;border:2px solid #596679;object-fit:cover;background:#182333;margin-bottom:10px}
.copy-pro-profile h2{font-size:19px;margin:0;color:#f5f7fa;line-height:1.2}
.copy-pro-handle{color:#9da9b8;font-size:13px;margin-top:7px}
.copy-stars{color:#f6c23e;font-size:17px;letter-spacing:1px;margin-top:10px}
.copy-stars span{color:#9ca8b7;font-size:12px;letter-spacing:0;margin-left:4px}
.copy-followers{color:#9da9b8;font-size:13px;margin-top:8px}
.copy-pro-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px 22px 12px}
.copy-pro-metrics>div{background:#293547;border-radius:8px;min-height:78px;padding:12px 10px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.copy-pro-metrics strong{font-size:20px;line-height:1.15;color:#f5f7fa}
.copy-pro-metrics strong.copy-green{color:#5be28e}
.copy-pro-metrics span{font-size:11px;color:#aab4c1;margin-top:5px}
.copy-pro-metrics i{height:4px;background:#566273;border-radius:99px;margin:10px 0 0;overflow:hidden;font-style:normal}
.copy-pro-metrics i b{display:block;height:100%;background:#5bdc89;border-radius:99px}
.copy-pro-info{margin:0 22px 12px;padding:13px;border:1px solid #4a5666;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#aeb8c4;font-size:13px}
.copy-pro-info strong{color:#fff;font-size:16px}
.copy-pro-meta{display:flex;justify-content:space-between;gap:8px;padding:0 22px 10px;color:#91a0b0;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.copy-pro-bio{margin:0 22px 15px;color:#93a2b2;font-size:12px;line-height:1.55;min-height:38px}
.copy-pro-form{margin-top:auto;padding:0 22px 20px}
.copy-start-btn{width:100%;min-height:48px;border:0;border-radius:8px;background:#2563eb;color:#fff;font:inherit;font-weight:900;font-size:14px;cursor:pointer;transition:.18s ease}
.copy-start-btn:hover{background:#3474f4;transform:translateY(-1px)}
@media(max-width:1050px){.copy-trader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.copy-trader-grid{grid-template-columns:1fr;gap:16px}.copy-pro-card{border-radius:12px}.copy-pro-metrics{padding:18px 16px 10px}.copy-pro-info{margin-left:16px;margin-right:16px}.copy-pro-meta,.copy-pro-bio{padding-left:0;padding-right:0;margin-left:16px;margin-right:16px}.copy-pro-form{padding-left:16px;padding-right:16px;padding-bottom:16px}}