/*
=========================================================
 TRADE ACADEMY — PUBLIC LANDING SOURCE CSS
=========================================================

Single stylesheet for the public homepage.

Migrated from:
resources/views/public/landing.blade.php

Important:
- Original CSS cascade order preserved.
- Feature/responsive rules preserved.
- Conflicting legacy gold override removed.
- Global project colors remain in:
  tradeacademy-unified-v1.css

=========================================================
*/

/* =====================================================
   SOURCE: landing-source-1
   Migrated from resources/views/public/landing.blade.php
   ===================================================== */

:root{
    /* =====================================================
       TRADE ACADEMY — PUBLIC HOMEPAGE SEMANTIC THEME
       ===================================================== */

    --home-bg:#F4F8FB;
    --home-card:#FFFFFF;

    --home-navy:#07131A;
    --home-navy-2:#0B2230;
    --home-teal:#0E7490;

    --home-blue:#38BDF8;
    --home-blue-bright:#54BDF5;
    --home-blue-light:#8AD8FF;

    --home-text:#0F172A;
    --home-text-soft:#475569;
    --home-muted:#64748B;

    --home-border:#D8E5EC;
    --home-border-strong:#BFD5E1;

    --home-on-dark:#F4FAFD;
    --home-on-dark-soft:#C8DDE8;

    --home-success:#15803D;
    --home-danger:#B91C1C;

    /*
     * Compatibility variables used throughout
     * the existing Landing components.
     */
    --bg:var(--home-bg);
    --s:var(--home-card);
    --t:var(--home-text);
    --m:var(--home-muted);
    --l:var(--home-border);

    --y:var(--home-blue);
    --g:var(--home-teal);

    --deep:var(--home-navy);
    --stroke:var(--home-border);

    --shadow2:
        0 18px 50px
        rgba(7,19,26,.09);

    --pm:var(--home-blue);
    --pm-dark:var(--home-teal);
    --pm-soft:#E8F7FE;
    --pm-light:var(--home-blue-light);
}*{box-sizing:border-box}html{
    max-width:100%;
    overflow-x:hidden;
}

body{
    margin:0;

    max-width:100%;
    overflow-x:hidden;

    background:
        radial-gradient(
            circle at 8% 8%,
            rgba(56,189,248,.10),
            transparent 27%
        ),
        radial-gradient(
            circle at 92% 24%,
            rgba(14,116,144,.075),
            transparent 26%
        ),
        var(--home-bg);

    font-family:
        Manrope,
        Segoe UI,
        Tahoma,
        Arial;

    color:var(--home-text);
}.btn{
    display:inline-block;

    padding:12px 16px;

    border:0;
    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            var(--home-blue),
            var(--home-teal)
        );

    color:#FFFFFF;

    text-decoration:none;
    font-weight:800;

    box-shadow:
        0 8px 20px
        rgba(14,116,144,.16);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}.wrap{
    max-width:1240px;

    margin:auto;

    padding:
        38px
        24px
        56px;
}.box,
.card{
    padding:22px;

    background:var(--home-card);
    color:var(--home-text);

    border:
        1px solid
        var(--home-border);

    border-radius:17px;

    box-shadow:
        0 12px 34px
        rgba(7,19,26,.055);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.stat b{font-size:23px;display:block}.section{margin-top:56px}.section h2{
    position:relative;
    display:inline-block;

    font-size:28px;
}.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.paid{display:flex;justify-content:space-between;gap:10px}.paid strong{font-size:19px}.pill{padding:6px 9px;border-radius:99px;background:#102B3A;color:var(--home-blue);font-size:11px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stars{color:#cfa900}.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice .card{min-height:180px}.disclaimer{font-size:11px;color:#A8A8A8;line-height:1.8;margin-top:40px;border-top:1px solid var(--l);padding-top:20px}@media(max-width:850px){.choice{grid-template-columns:1fr}.feed,.reviews,.stats{grid-template-columns:1fr}}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-card h3{margin-top:0}.about-icon{font-size:28px;margin-bottom:8px}.about-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}@media(max-width:850px){.about-grid{grid-template-columns:1fr}}
.telegram-float{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#229ED9;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0003;z-index:60;text-decoration:none;transition:.2s}.telegram-float:hover{transform:translateY(-2px) scale(1.03)}.telegram-float svg{width:29px;height:29px;fill:currentColor}.telegram-float .tg-tip{position:absolute;right:66px;white-space:nowrap;background:#171717;color:#fff;border-radius:8px;padding:8px 10px;font-size:11px;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s}.telegram-float:hover .tg-tip{opacity:1;transform:none}@media(max-width:600px){.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-card h3{margin-top:0}.about-icon{font-size:28px;margin-bottom:8px}.about-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}@media(max-width:850px){.about-grid{grid-template-columns:1fr}}
.telegram-float{right:16px;bottom:16px;width:52px;height:52px}.telegram-float .tg-tip{display:none}}

.exness-banner-wrap{
    margin:30px auto 0;

    display:flex;
    justify-content:center;
}.exness-banner-inner{
    width:100%;

    text-align:center;

    box-shadow:
        0 18px 45px
        rgba(14,116,144,.06);
}.exness-banner-link{
    display:block;

    width:100%;
    max-width:970px;

    margin:auto;

    overflow:hidden;

    border:
        1px solid #dce2e8;

    border-radius:18px;

    line-height:0;

    box-shadow:
        0 18px 45px
        rgba(7,19,26,.14);

    transition:.18s;
}.exness-banner-link:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0000001d}.exness-banner-link img{display:block;width:100%;height:auto}.exness-banner-note{font-size:10px;color:#A8A8A8;margin-top:7px}.exness-banner-mobile{
    display:none;
}@media(max-width:520px){body.lang-en .exness-banner-desktop{display:none}body.lang-en .exness-banner-mobile{display:block;max-width:320px}.exness-banner-wrap{margin-top:16px}}

/* V47 premium landing - cleaned */












/* EXNESS BANNER */






/* PREMIUM INFO STRIP */

.premium-strip{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:12px;

    margin-top:var(--seo-why-top);
}

.premium-chip{
    padding:15px 16px;

    display:flex;
    align-items:center;

    gap:10px;

    background:#fff;

    border:1px solid #e1e6eb;
    border-radius:15px;

    box-shadow:
        0 9px 24px
        rgba(7,19,26,.04);
}

.premium-chip i{
    width:36px;
    height:36px;

    display:grid;
    place-items:center;

    background:#fff6bd;

    border-radius:11px;

    font-style:normal;

    box-shadow:
        0 0 0 4px
        rgba(14,116,144,.07);
}

.premium-chip b{
    display:block;
    font-size:13px;
}

.premium-chip small{
    display:block;

    margin-top:2px;

    color:#A8A8A8;
}




@media(max-width:850px){

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

    .exness-banner-desktop{
        display:none;
    }

    .exness-banner-mobile{
        display:block;

        max-width:300px;

        margin:auto;
    }

}


/* V101 verified payout receipts — dark theme */
.payout-feed{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.payout-card{
  position:relative;
  overflow:hidden;
  min-height:220px;
  padding:0;
  border:1px solid rgba(56,189,248,.24);
  border-radius:18px;
  background:#0B2230;color:var(--home-on-dark);
  box-shadow:0 12px 34px rgba(0,0,0,.38);
  transition:.18s ease;
}

.payout-card:hover{
  transform:translateY(-2px);
  border-color:rgba(56,189,248,.52);
  box-shadow:0 16px 40px rgba(0,0,0,.52);
}

.payout-receipt-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:17px 18px 14px;
  border-bottom:1px dashed rgba(56,189,248,.22);
  background:linear-gradient(180deg,#111,#0B2230);
}

.payout-receipt-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.payout-receipt-mark{
  width:40px;
  height:40px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#07131A;
  color:var(--home-blue);
  font-weight:950;
  font-size:17px;
  border:1px solid rgba(56,189,248,.30);
}

.payout-receipt-brand b{
  display:block;
  font-size:13px;
  color:#FFFFFF;
}

.payout-receipt-brand small{
  display:block;
  color:#A8A8A8;
  font-size:10px;
  margin-top:2px;
}

.payout-verified{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 9px;
  border-radius:999px;
  background:#133244;
  color:var(--home-blue);
  border:1px solid rgba(56,189,248,.35);
  font-size:10px;
  font-weight:900;
}

.payout-receipt-body{
  padding:16px 18px;
}

.payout-receipt-main{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}

.payout-client small,
.payout-amount-wrap small{
  display:block;
  color:#A8A8A8;
  font-size:10px;
  margin-bottom:4px;
}

.payout-client b{
  font-size:17px;
  color:#FFFFFF;
}

.payout-client .country{
  display:inline-flex;
  margin-top:6px;
  padding:4px 7px;
  border-radius:7px;
  background:#133244;
  color:#E4E4E4;
  font-size:10px;
  font-weight:800;
}

.payout-amount{
  display:block;
  font-size:30px!important;
  line-height:1;
  font-weight:950;
  color:var(--home-blue);
  letter-spacing:-.6px;
  text-align:end;
}

.payout-local-amount{
  display:block;
  margin-top:5px;
  color:#A8A8A8;
  font-size:10px;
  text-align:end;
}

.payout-receipt-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:15px;
  padding-top:13px;
  border-top:1px solid #244556;
}

.payout-receipt-field{
  min-width:0;
}

.payout-receipt-field small{
  display:block;
  color:#888;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.2px;
}

.payout-receipt-field b{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:#E4E4E4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.payout-method{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 7px;
  border-radius:8px;
  background:#133244;
  border:1px solid #2C5163;
  color:#E4E4E4;
  font-weight:900;
}

.payout-method-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--home-blue);
}

.payout-method.vodafone_cash .payout-method-dot{background:#e60000}
.payout-method.binance .payout-method-dot{background:#f0b90b}
.payout-method.neteller .payout-method-dot{background:#83c341}
.payout-method.skrill .payout-method-dot{background:#862166}
.payout-method.oxshare .payout-method-dot{background:#f26522}

.payout-receipt-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 18px;
  background:#07131A;
  border-top:1px solid #244556;
  color:#A8A8A8;
  font-size:9px;
}

.payout-receipt-foot strong{
  color:#FFFFFF;
}

@media(max-width:850px){
  .payout-feed{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .payout-receipt-main{align-items:flex-start;flex-direction:column}
  .payout-amount,.payout-local-amount{text-align:start}
  .payout-receipt-grid{grid-template-columns:1fr}
}

/* V67 mobile hardening - cleaned */



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

input,
select,
textarea,
button{
    max-width:100%;
}

details{
    max-width:100%;
}

pre,
code{
    max-width:100%;

    overflow-wrap:anywhere;
    word-break:break-word;
}




@media(max-width:768px){

    .wrap,
    main{
        max-width:100%;
        padding-left:14px!important;
        padding-right:14px!important;
    }

    .choice{
        min-width:0;
    }

    .card,
    .box{
        min-width:0;
    }

    input,
    select,
    textarea{
        font-size:16px!important;
    }

    .btn,
    button,
    a.btn{
        min-height:44px;
    }

    .exness-banner-link{
        max-width:100%;
    }
}


@media(max-width:480px){

    .wrap,
    main{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    .btn,
    button,
    a.btn{
        width:100%;
        text-align:center;
    }

    .choice,
    .feed,
    .reviews,
    .stats{
        grid-template-columns:1fr!important;
    }
}


/* V79 elegant cobalt accent inspired by the payment palette */




.brand:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pm);margin-inline-end:7px;box-shadow:0 0 0 5px rgba(14,116,144,.08)}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(14,116,144,.12)}
.box:hover,.card:hover{border-color:#E4E4E4;box-shadow:0 14px 38px rgba(14,116,144,.07)}
.section h2:after{content:"";display:block;width:42px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--pm),var(--y));margin-top:7px}




/* V82 public introduction video */
.landing-video-showcase{margin:30px auto 10px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#07131A 0%,#0B1B25 56%,#102B3A 100%);box-shadow:0 20px 48px rgba(7,19,26,.16);color:var(--home-on-dark);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);align-items:stretch}
.landing-video-frame{position:relative;background:#07131A;min-height:390px;overflow:hidden}
.landing-video-frame video{display:block;width:100%;height:100%;min-height:390px;max-height:590px;object-fit:contain;background:#07131A}
.landing-video-copy{padding:34px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.landing-video-copy:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#ffffff0d;top:-100px;right:-70px}
.landing-video-copy>*{position:relative;z-index:1}
.landing-video-label{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:7px 12px;

    border-radius:999px;

    background:#EAF7FB;
    border:1px solid #B9E5F2;

    color:#0E7490;
    -webkit-text-fill-color:#0E7490;

    font-size:11px;
    font-weight:950;
    letter-spacing:.25px;
}
.landing-video-copy h2{
    margin:0 0 10px;

    color:#FFFFFF;
    -webkit-text-fill-color:#FFFFFF;

    font-size:32px;
    line-height:1.25;
}
.landing-video-copy p{color:#E4E4E4;line-height:1.85;margin:0;font-size:14px}
.landing-video-copy .video-cta{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.landing-video-copy .video-cta .btn.secondary{background:#fff;color:#0B2230}
@media(max-width:900px){.landing-video-showcase{grid-template-columns:1fr}.landing-video-copy{padding:25px}.landing-video-frame,.landing-video-frame video{min-height:280px}.landing-video-copy h2{font-size:26px}}
@media(max-width:520px){.landing-video-showcase{border-radius:18px;margin-top:20px}.landing-video-frame,.landing-video-frame video{min-height:220px}.landing-video-copy{padding:20px}.landing-video-copy h2{font-size:23px}}


/* V84 signals subscription promo layout */
.signals-subscription-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#07131A 0%,#0B1B25 62%,#102B3A 100%);color:var(--home-on-dark);
  border-radius:22px;
  padding:28px;
  box-shadow:0 18px 44px rgba(7,19,26,.14);
}
.signals-subscription-card:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  inset-inline-end:-120px;
  top:-150px;
  background:radial-gradient(circle,rgba(14,116,144,.22),transparent 68%);
  pointer-events:none;
}
.signals-subscription-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
}
.signals-subscription-copy{min-width:0}
.signals-subscription-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  margin-bottom:12px;
  border-radius:999px;
  background:#ffffff12;
  border:1px solid #ffffff1f;
  color:var(--home-blue);
  font-size:11px;
  font-weight:1000;
  letter-spacing:.25px;
  white-space:nowrap;
}
.signals-subscription-kicker i{
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--home-blue);
  box-shadow:0 0 0 5px rgba(56,189,248,.09);
}
.signals-subscription-card h2{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:clamp(28px,2.25vw,38px);
  line-height:1.25;
}
.signals-subscription-card p{
  color:#cbd5e1;
  line-height:1.9;
  margin:0;
  max-width:880px;
}
.signals-subscription-price{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-inline-start:8px;
  padding:5px 9px;
  border-radius:999px;
  background:var(--home-blue);
  color:#111;
  font-size:12px;
  font-weight:1000;
  vertical-align:middle;
}
.signals-subscription-methods{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:15px;
}
.signals-subscription-cta{
  min-width:220px;
  text-align:center;
  padding:14px 18px!important;
  font-size:15px;
  box-shadow:0 10px 28px rgba(56,189,248,.14);
}
@media(max-width:900px){
  .signals-subscription-inner{grid-template-columns:1fr}
  .signals-subscription-cta{width:100%}
}
@media(max-width:560px){
  .signals-subscription-card{padding:20px;border-radius:18px}
  .signals-subscription-card h2{font-size:25px}
  .signals-subscription-kicker{font-size:10px}
}


/* V101 verified platform trust snapshot */
.platform-live-stats{
width:min(100%,1160px);
margin:16px auto 0;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
align-items:stretch;
}
.platform-live-stat{
position:relative;
min-width:0;
min-height:122px;
padding:17px 18px;
overflow:hidden;
background:linear-gradient(145deg,#fff 0%,#fff 68%,#F4FAFD 100%);
border:1px solid #D7E6EE;
border-top:3px solid #38BDF8;
border-radius:18px;
box-shadow:0 9px 24px rgba(15,23,42,.055);
transition:.18s ease;
}

.platform-live-stat::after{
content:"";
position:absolute;
left:16px;
top:16px;
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:11px;
background:#EAF7FF;
border:1px solid #BFE7FA;
color:#075985;
-webkit-text-fill-color:#075985;
font-size:16px;
font-weight:950;
}
.platform-live-stat:nth-child(1)::after{content:"⚡"}
.platform-live-stat:nth-child(2)::after{content:"👥"}
.platform-live-stat:nth-child(3)::after{content:"✓"}
.platform-live-stat:hover{
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(15,23,42,.085);
}
@media(max-width:850px){
.platform-live-stats{grid-template-columns:1fr}
.platform-live-stat{min-height:112px}
}


.platform-live-stat small{
display:block;
color:#475569;
-webkit-text-fill-color:#475569;
font-size:12px;
font-weight:800;
line-height:1.5;
}
.platform-live-stat strong{
display:block;
margin-top:7px;
color:#0284C7;
-webkit-text-fill-color:#0284C7;
font-size:34px;
font-weight:1000;
line-height:1;
}
.platform-live-stat span{
display:block;
margin-top:9px;
color:#334155;
-webkit-text-fill-color:#334155;
font-size:11.5px;
font-weight:650;
line-height:1.6;
}
.platform-live-note{
width:min(100%,900px);
margin:8px auto 0;
color:#64748B;
-webkit-text-fill-color:#64748B;
font-size:11.5px;
font-weight:600;
line-height:1.7;
text-align:center;
}
.platform-trust-strip{
width:min(100%,1000px);
margin:11px auto 0;
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:center;
}
.platform-trust-strip span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 13px;
background:#0B2B3C;
color:#FFFFFF;
-webkit-text-fill-color:#FFFFFF;
border:1px solid rgba(56,189,248,.22);
border-radius:999px;
font-size:11px;
font-weight:850;
line-height:1.35;
}
.platform-empty-proof{
  padding:18px;
  border:1px dashed rgba(56,189,248,.30);
  border-radius:14px;
  background:#0B2230;
  color:#A8A8A8;
  text-align:center;
  line-height:1.8;
}
@media(max-width:700px){
  .platform-live-stats{grid-template-columns:1fr}
  .platform-live-stat strong{font-size:26px}
  .platform-trust-strip{justify-content:flex-start}
}


/* =====================================================
   SOURCE: ta-nav-agency-style
   Migrated from resources/views/public/landing.blade.php
   ===================================================== */

.ta-nav-agency{
  min-height:50px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:12px;
  border:1px solid rgba(56,189,248,.50);

  background:#0B2230;
  color:var(--home-blue);

  text-decoration:none;
  font-size:13px;
  font-weight:950;
  white-space:nowrap;

  transition:.18s ease;
}

.ta-nav-agency:hover{
  background:rgba(56,189,248,.08);
  border-color:var(--home-blue);
}

@media(max-width:900px){
  .ta-nav-agency{
    display:none!important;
  }
}


/* =====================================================
   SOURCE: ta-font-final-v5
   Migrated from resources/views/public/landing.blade.php
   ===================================================== */

html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] span{
    font-family:
        "Noto Sans Arabic",
        Arial,
        sans-serif!important;
}


html[lang="en"] body,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] p,
html[lang="en"] a,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] span{
    font-family:
        Manrope,
        Arial,
        sans-serif!important;
}


/* Latin brand always keeps Manrope */

.brand,
.ta-global-brand,
[class*="brand"]{
    font-family:
        Manrope,
        Arial,
        sans-serif!important;
}


/* =====================================================
   SOURCE: ta-home-cashback-hero-css
   Migrated from resources/views/public/landing.blade.php
   ===================================================== */

/* ==========================================================
   TRADE ACADEMY — DARK GOLD CASHBACK HERO
   ========================================================== */

.ta-cashback-lux{
  position:relative;
  min-height:720px;
  overflow:hidden;
  background:#07131A;color:var(--home-on-dark);
  isolation:isolate;
}

.ta-cashback-lux-bg{
  position:absolute;
  inset:0;
  z-index:-3;

  background:
    radial-gradient(circle at 70% 22%,rgba(56,189,248,.13),transparent 28%),
    radial-gradient(circle at 18% 80%,rgba(56,189,248,.08),transparent 24%),
    linear-gradient(125deg,#07131A 0%,#0c0c0f 52%,#0E3142 100%);
}

/* Chart-style background lines */
.ta-cashback-lux-bg:before{
  content:"";
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);

  background-size:54px 54px;
  opacity:.5;
}

/* Fake golden chart movement without external/copyrighted image */
.ta-cashback-lux-bg:after{
  content:"";
  position:absolute;
  width:900px;
  height:430px;
  right:-70px;
  bottom:20px;

  opacity:.24;

  background:
    linear-gradient(
      163deg,
      transparent 0 14%,
      var(--home-blue) 14.5% 15%,
      transparent 15.5% 28%,
      var(--home-blue) 28.5% 29%,
      transparent 29.5% 42%,
      var(--home-blue) 42.5% 43%,
      transparent 43.5% 58%,
      var(--home-blue) 58.5% 59%,
      transparent 59.5%
    );

  transform:skewY(-5deg);
  filter:drop-shadow(0 0 14px rgba(56,189,248,.35));
}

.ta-cashback-lux-overlay{
  position:absolute;
  inset:0;
  z-index:-2;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.98) 0%,
      rgba(0,0,0,.90) 38%,
      rgba(0,0,0,.64) 72%,
      rgba(0,0,0,.72) 100%
    );
}

.ta-cashback-lux-inner{
  max-width:1240px;
  margin:auto;
  padding:28px 24px 34px;
}

.ta-cashback-lux-brandline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  padding-bottom:25px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.ta-cashback-lux-brand{
  font-size:21px;
  letter-spacing:2px;
  font-weight:950;
}

.ta-cashback-lux-brand b{
  color:var(--home-blue);
}

.ta-cashback-lux-badge{
  padding:8px 12px;
  border:1px solid rgba(56,189,248,.40);
  border-radius:99px;

  color:var(--home-blue);
  font-size:10px;
  font-weight:950;
  letter-spacing:1px;

  background:rgba(56,189,248,.07);
}


.ta-cashback-lux-content{
  min-height:525px;

  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);
  gap:55px;
  align-items:center;
}


.ta-cashback-lux-copy{
  max-width:690px;
}

.ta-cashback-lux-small{
  display:inline-block;
  
  font-size:14px;
  margin-bottom:6px;
    color:var(--home-blue) !important;
    -webkit-text-fill-color:var(--home-blue) !important;
}


.ta-cashback-lux-rate{
  display:flex;
  align-items:flex-end;
  gap:14px;
  margin:5px 0 3px;
    color:var(--home-blue) !important;
    -webkit-text-fill-color:var(--home-blue) !important;
}

.ta-cashback-lux-rate small{
  
  font-size:18px;
  font-weight:850;
  padding-bottom:15px;
    color:var(--home-blue) !important;
    -webkit-text-fill-color:var(--home-blue) !important;
}

.ta-cashback-lux-rate strong{
  
  font-size:86px;
  line-height:.95;
  font-weight:1000;
  letter-spacing:-5px;

  text-shadow:
    0 0 30px rgba(56,189,248,.16);
    color:var(--home-blue) !important;
    -webkit-text-fill-color:var(--home-blue) !important;
}


.ta-cashback-lux h1{
  margin:10px 0 14px;

  font-size:46px;
  line-height:1.18;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

.ta-cashback-lux h1 em{
  font-style:normal;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


.ta-cashback-lux-copy>p{
  max-width:620px;
  margin:0;

  
  font-size:15px;
  line-height:1.95;
    color:#E4E4E4 !important;
    -webkit-text-fill-color:#E4E4E4 !important;
}


.ta-cashback-lux-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}

.ta-cashback-lux-proof span{
  padding:8px 11px;

  border-radius:99px;
  border:1px solid rgba(255,255,255,.12);

  background:rgba(255,255,255,.055);

  color:#ddd;
  font-size:10.5px;
  font-weight:750;
}


.ta-cashback-check-card{
  padding:25px;

  border-radius:22px;
  border:1px solid rgba(56,189,248,.18);

  background:
    linear-gradient(
      145deg,
      rgba(28,27,31,.94),
      rgba(14,14,17,.96)
    );

  box-shadow:
    0 25px 70px rgba(0,0,0,.45),
    inset 0 1px rgba(255,255,255,.04);

  backdrop-filter:blur(14px);
}


.ta-cashback-check-title{
    font-size:20px;
    font-weight:950;

    color:#FFFFFF;
}

.ta-cashback-check-card>p{
  
  font-size:11.5px;
  line-height:1.75;
  margin:7px 0 17px;
    color:#E4E4E4 !important;
    -webkit-text-fill-color:#E4E4E4 !important;
}


.ta-cashback-account-preview{
  display:flex;
  gap:12px;
  align-items:center;

  min-height:68px;
  padding:12px;

  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;

  background:#121217;
}

.ta-cashback-account-icon{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border-radius:10px;

  background:var(--home-blue);
  color:#111;

  font-size:22px;
  font-weight:950;
}

.ta-cashback-account-preview small{
  display:block;
  color:#777;
  font-size:9.5px;
}

.ta-cashback-account-preview strong{
  display:block;
  margin-top:3px;
  color:#ddd;
  font-size:11px;
}


:is(
    .ta-cashback-gold-btn,
    .ta-cashback-dark-btn,
    .ta-cashback-outline-btn
){
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    min-height:50px;

    margin-top:10px;
    padding:12px 15px;

    border-radius:12px;

    text-decoration:none;
    text-align:center;

    font-weight:950;
    font-size:12px;

    transition:.18s ease;
}


.ta-cashback-gold-btn{
  background:linear-gradient(135deg,#f8d04e,#eab72a);
  

  box-shadow:
    0 12px 30px rgba(56,189,248,.18);
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

.ta-cashback-gold-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}


.ta-cashback-dark-btn{
  background:#173848;
  color:#fff;

  border:1px solid rgba(255,255,255,.10);
}

.ta-cashback-dark-btn:hover{
  background:#1A4052;
}


.ta-cashback-outline-btn{
  background:transparent;
  color:var(--home-blue);

  border:1px solid rgba(56,189,248,.42);
}

.ta-cashback-outline-btn:hover{
  background:rgba(56,189,248,.07);
}


.ta-cashback-cent-warning{
  margin-top:15px;
  padding:10px 11px;

  border-radius:10px;
  border:1px solid rgba(56,189,248,.16);

  background:rgba(56,189,248,.055);

  color:#c9b66c;

  font-size:9.5px;
  text-align:center;
}


.ta-cashback-lux-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;

  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);

  background:rgba(255,255,255,.03);
}

.ta-cashback-lux-stats>div{
  padding:16px 14px;
  text-align:center;

  border-inline-start:1px solid rgba(255,255,255,.08);
}

.ta-cashback-lux-stats>div:first-child{
  border-inline-start:0;
}

.ta-cashback-lux-stats strong{
  display:block;

  color:var(--home-blue);

  font-size:19px;
  font-weight:1000;
}

.ta-cashback-lux-stats span{
  display:block;

  margin-top:4px;

  color:#888;
  font-size:9.5px;
}


/* Header integration */
body>


body>header .home-header-link{
  color:#ddd!important;
}

body>header .home-login-btn{
  background:#133244!important;
  border-color:#31586A!important;
  color:#fff!important;
}

body>header .home-register-btn{
  background:var(--home-blue)!important;
  color:#111!important;
  border-color:var(--home-blue)!important;
}


/* Mobile */
@media(max-width:900px){

  .ta-cashback-lux{
    min-height:auto;
  }

  .ta-cashback-lux-inner{
    padding:20px 14px 24px;
  }

  .ta-cashback-lux-content{
    min-height:auto;
    grid-template-columns:1fr;
    gap:28px;

    padding:42px 0 30px;
  }

  .ta-cashback-lux-copy{
    text-align:center;
    margin:auto;
  }

  .ta-cashback-lux-rate{
    justify-content:center;
  }

  .ta-cashback-lux-proof{
    justify-content:center;
  }

  .ta-cashback-lux-copy>p{
    margin-inline:auto;
  }

  .ta-cashback-lux-stats{
    grid-template-columns:1fr 1fr;
  }

}


@media(max-width:540px){

  .ta-cashback-lux-brand{
    font-size:14px;
    letter-spacing:1px;
  }

  .ta-cashback-lux-badge{
    font-size:8px;
    padding:6px 8px;
  }

  .ta-cashback-lux-content{
    padding-top:30px;
  }

  .ta-cashback-lux-rate strong{
    font-size:69px;
  }

  .ta-cashback-lux-rate small{
    font-size:14px;
    padding-bottom:10px;
  }

  .ta-cashback-lux h1{
    font-size:32px;
  }

  .ta-cashback-lux-copy>p{
    font-size:13px;
  }

  .ta-cashback-check-card{
    padding:18px;
  }

  .ta-cashback-lux-stats strong{
    font-size:16px;
  }

}



/* Homepage Cashback exact white/gold hierarchy */
.ta-cashback-lux-rate span{
    color:var(--home-blue) !important;
    -webkit-text-fill-color:var(--home-blue) !important;
}

.ta-cashback-lux h1 .ta-hero-brand-main{
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

.ta-cashback-lux h1 .ta-hero-brand-rewards{
    color:var(--home-blue) !important;
    -webkit-text-fill-color:var(--home-blue) !important;
}




/* =====================================================
   SOURCE: ta-home-verified-review-responsive
   Migrated from resources/views/public/landing.blade.php
   ===================================================== */

@media(max-width:800px){.verified-tool-review-grid{grid-template-columns:1fr!important}}


/* =====================================================
   SOURCE: ta-home-seo-service-responsive
   TRADE ACADEMY — SERVICES HUB
   ===================================================== */

/*
   =====================================================
   SERVICES SPACING CONTROL
   غيّر الأرقام دي فقط للتحكم في المسافات
   =====================================================
*/

:root{
    --seo-section-top:24px;
    --seo-section-padding-y:20px;
    --seo-section-padding-x:24px;

    --seo-title-bottom:14px;

    --seo-card-gap:10px;
    --seo-card-padding:18px;
    --seo-card-min-height:205px;

    --seo-why-top:10px;
}

body .seo-ranking-hub .seo-ranking-hub{
    position:relative;

    max-width:1240px;

    margin:var(--seo-section-top) auto 0;
    padding:var(--seo-section-padding-y) var(--seo-section-padding-x);

    overflow:hidden;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(56,189,248,.10),
            transparent 31%
        ),
        var(--home-card);

    border:
        1px solid
        var(--home-border);

    border-radius:26px;

    box-shadow:
        0 18px 48px
        rgba(7,19,26,.065);
}


.seo-ranking-hub::before{
    content:"";

    position:absolute;

    top:0;
    right:32px;

    width:110px;
    height:4px;

    border-radius:0 0 99px 99px;

    background:
        linear-gradient(
            90deg,
            var(--home-blue),
            var(--home-teal)
        );
}


/* ================= HEADER ================= */

body .seo-ranking-hub .seo-hub-head{
    max-width:980px;

    margin:
        0
        auto
        var(--seo-title-bottom);

    text-align:right;
}


body .seo-ranking-hub .seo-hub-kicker{
    display:inline-flex;
    align-items:center;

    padding:7px 13px;

    margin-bottom:9px;

    background:#EAF7FB;

    border:
        1px solid
        #B9E5F2;

    border-radius:999px;

    color:var(--home-teal);
    -webkit-text-fill-color:var(--home-teal);

    font-size:11px;
    font-weight:950;
}


body .seo-ranking-hub .seo-hub-title{
    margin:4px 0 11px;

    color:var(--home-text);
    -webkit-text-fill-color:var(--home-text);

    font-size:
        clamp(
            28px,
            3vw,
            40px
        );

    line-height:1.35;

    font-weight:950;
}


body .seo-ranking-hub .seo-hub-intro{
    max-width:920px;

    margin:0;

    color:#334155;
    -webkit-text-fill-color:#334155;

    font-size:14px;
    line-height:2;
}


body .seo-ranking-hub .seo-hub-intro strong{
    color:var(--home-navy-2);
    -webkit-text-fill-color:var(--home-navy-2);

    font-weight:900;
}


/* ================= GRID ================= */

body .seo-ranking-hub .seo-service-grid{
    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:var(--seo-card-gap);

    margin-top:24px;
}


/* ================= CARD ================= */

body .seo-ranking-hub .seo-service-card{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;
    min-height:var(--seo-card-min-height);

    padding:var(--seo-card-padding);

    overflow:hidden;

    background:#FFFFFF;
    color:var(--home-text);

    border:
        1px solid
        #D6E5ED;

    border-radius:20px;

    box-shadow:
        0 10px 28px
        rgba(15,23,42,.055);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


body .seo-ranking-hub .seo-service-card::before{
    content:"";

    position:absolute;

    top:-48px;
    left:-48px;

    width:125px;
    height:125px;

    border-radius:50%;

    background:
        rgba(56,189,248,.06);

    pointer-events:none;
}


body .seo-ranking-hub .seo-service-card:hover{
    transform:translateY(-4px);

    border-color:#A8DDF5;

    box-shadow:
        0 17px 36px
        rgba(15,23,42,.09);
}


/* ================= ICON ================= */

body .seo-ranking-hub .seo-service-icon{
    position:relative;
    z-index:1;

    width:56px;
    height:56px;

    display:grid;
    place-items:center;

    margin-bottom:18px;

    background:
        linear-gradient(
            145deg,
            #F2FBFF,
            #E2F5FD
        );

    border:
        1px solid
        #CAE8F6;

    border-radius:16px;

    box-shadow:
        0 7px 18px
        rgba(56,189,248,.08);

    font-size:27px;
}


/* ================= TITLE ================= */

body .seo-ranking-hub .seo-service-card h3{
    position:relative;
    z-index:1;

    margin:
        0
        0
        10px;

    color:var(--home-text);
    -webkit-text-fill-color:var(--home-text);

    font-size:18px;
    line-height:1.45;

    font-weight:950;
}


/* ================= DESCRIPTION ================= */

body .seo-ranking-hub .seo-service-copy{
    position:relative;
    z-index:1;

    flex:1;

    margin:
        0
        0
        20px;

    color:#3F5366;
    -webkit-text-fill-color:#3F5366;

    font-size:13px;
    line-height:1.95;
}


/* ================= BUTTON ================= */

body .seo-ranking-hub .seo-service-card > .btn{
    position:relative;
    z-index:1;

    width:100%;
    min-height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-top:auto;

    padding:10px 14px;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            var(--home-blue),
            var(--home-teal)
        );

    color:#FFFFFF;
    -webkit-text-fill-color:#FFFFFF;

    font-size:13px;
    font-weight:950;

    box-shadow:
        0 8px 20px
        rgba(14,116,144,.14);
}


/* ================= WHY CARD ================= */

body .seo-ranking-hub .seo-why-card{
    margin-top:18px;

    padding:22px 24px;

    background:
        linear-gradient(
            135deg,
            #EDF9FE,
            #FFFFFF
        );

    border:
        1px solid
        #CBE5F2;

    border-inline-start:
        5px solid
        var(--home-blue);

    border-radius:18px;

    box-shadow:none;
}


body .seo-ranking-hub .seo-why-title{
    margin:0 0 8px;

    color:var(--home-text);
    -webkit-text-fill-color:var(--home-text);

    font-size:18px;

    font-weight:950;
}


body .seo-ranking-hub .seo-why-copy{
    margin:0;

    color:#3F5366;
    -webkit-text-fill-color:#3F5366;

    font-size:13.5px;
    line-height:1.95;
}


/* ================= RESPONSIVE ================= */

@media(max-width:900px){

    body .seo-ranking-hub .seo-ranking-hub{
        padding:
            30px
            22px
            27px;
    }

    body .seo-ranking-hub .seo-service-grid{
        grid-template-columns:1fr;
    }

    body .seo-ranking-hub .seo-service-card{
        min-height:0;
    }

}


@media(max-width:560px){

    body .seo-ranking-hub .seo-ranking-hub{
        width:calc(100% - 18px);

        margin-top:44px;

        padding:
            25px
            16px
            21px;

        border-radius:18px;
    }

    body .seo-ranking-hub .seo-hub-head{
        margin-bottom:21px;
    }

    body .seo-ranking-hub .seo-hub-title{
        font-size:25px;
    }

    body .seo-ranking-hub .seo-hub-intro{
        font-size:12.5px;
    }

    body .seo-ranking-hub .seo-service-grid{
        gap:12px;
    }

    body .seo-ranking-hub .seo-service-card{
        padding:19px;

        border-radius:17px;
    }

    body .seo-ranking-hub .seo-service-icon{
        width:49px;
        height:49px;

        margin-bottom:14px;

        border-radius:14px;

        font-size:24px;
    }

    body .seo-ranking-hub .seo-why-card{
        padding:
            19px
            17px;
    }

}


/* =====================================================
   SOURCE: ta-android-mini-css
   Migrated from resources/views/public/landing.blade.php
   ===================================================== */

.ta-play-icon{
    background:#ffffff!important;
    border:1px solid rgba(255,255,255,.14);
}

.ta-google-play-prism{
    width:42px;
    height:42px;
    display:block;
}


.ta-android-mini-section{

    width:100%;

    display:flex;
    justify-content:center;

    padding:
        34px 18px
        28px;

    background:
        transparent;

    margin-bottom:8px;
    padding-bottom:0;
}


.ta-android-mini{

    width:min(
        100%,
        390px
    );

    min-height:76px;

    display:grid;

    grid-template-columns:
        58px
        1fr
        32px;

    align-items:center;

    gap:13px;

    padding:
        10px
        16px
        10px
        11px;

    direction:ltr;

    border:
        1px solid
        rgba(56,189,248,.28);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(19,20,23,.98),
            rgba(8,9,11,.99)
        );color:var(--home-on-dark);

    text-decoration:none!important;

    box-shadow:
        0 16px 42px
        rgba(0,0,0,.30);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.ta-android-mini:hover{

    transform:
        translateY(-2px);

    border-color:
        rgba(61,220,132,.62);

    box-shadow:
        0 19px 48px
        rgba(0,0,0,.38);
}


/* Android green icon */

.ta-android-mini-icon{

    width:58px;
    height:58px;

    display:grid;
    place-items:center;

    border-radius:16px;

    color:#0B1510;

    background:
        linear-gradient(
            145deg,
            #52E89A,
            #3DDC84
        );

    box-shadow:
        0 7px 20px
        rgba(61,220,132,.21);
}


.ta-android-mini-icon svg{

    width:38px;
    height:38px;
}


/* Text */

.ta-android-mini-copy{

    display:flex;
    flex-direction:column;

    min-width:0;

    direction:rtl;

    text-align:right;
}


.ta-android-mini-copy strong{

    color:#3DDC84!important;

    font-size:17px;
    font-weight:950;

    line-height:1.2;
}


.ta-android-mini-copy small{

    margin-top:4px;

    color:#F0F0F2;

    font-size:12px;
    font-weight:750;

    white-space:nowrap;

    overflow:hidden;
    text-overflow:ellipsis;
}


/* Arrow */

.ta-android-mini-arrow{

    width:30px;
    height:30px;

    display:grid;
    place-items:center;

    border-radius:50%;

    border:
        1px solid
        rgba(56,189,248,.25);

    color:var(--home-blue);

    font-size:17px;
    font-weight:950;
}


@media(max-width:520px){

    .ta-android-mini-section{

        padding:
            26px 12px
            22px;
    }


    .ta-android-mini{

        min-height:68px;

        grid-template-columns:
            50px
            1fr
            28px;

        gap:10px;

        padding:
            9px 12px
            9px 9px;

        border-radius:15px;
    }


    .ta-android-mini-icon{

        width:50px;
        height:50px;

        border-radius:13px;
    }


    .ta-android-mini-icon svg{

        width:33px;
        height:33px;
    }


    .ta-android-mini-copy strong{

        font-size:15px;
    }


    .ta-android-mini-copy small{

        font-size:10.5px;
    }

}


/* =====================================================
   SOURCE: ta-cashback-90-counter-css
   Migrated from resources/views/public/landing.blade.php
   ===================================================== */

#taCashbackHero90{
    display:inline-block;
    transform-origin:center;
    will-change:transform;
}

#taCashbackHero90.ta-counter-finished{
    animation:taCashback90Finish .55s ease-out;
}

@keyframes taCashback90Finish{
    0%{
        transform:scale(1);
    }

    55%{
        transform:scale(1.08);
    }

    100%{
        transform:scale(1);
    }
}

@media(prefers-reduced-motion:reduce){
    #taCashbackHero90.ta-counter-finished{
        animation:none;
    }
}


/* SOURCE: ta-home-exness-choice-v1 START */

body .exness-choice-section{
    --choice-gap:16px;
    --choice-padding:26px;
    --choice-card-padding:24px;

    margin-top:28px;
    padding:var(--choice-padding);

    background:#FFFFFF;
    border:1px solid #D7E5ED;
    border-radius:24px;

    box-shadow:
        0 16px 45px rgba(15,23,42,.055);
}


body .exness-choice-head{
    max-width:850px;
    margin:0 0 24px;
}


body .exness-choice-kicker{
    display:inline-flex;
    align-items:center;

    padding:6px 11px;
    margin-bottom:8px;

    background:#EAF7FB;
    color:#0E7490;

    border:1px solid #B9E5F2;
    border-radius:999px;

    font-size:11px;
    font-weight:950;
    letter-spacing:.6px;
}


body .exness-choice-title{
    margin:0 0 8px;

    color:#0F172A;
    -webkit-text-fill-color:#0F172A;

    font-size:clamp(24px,2.3vw,34px);
    font-weight:950;
}


body .exness-choice-subtitle{
    max-width:760px;
    margin:0;

    color:#475569;
    -webkit-text-fill-color:#475569;

    font-size:14px;
    line-height:1.9;
}


body .exness-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--choice-gap);

    align-items:start;
}


body .exness-choice-card{
    padding:var(--choice-card-padding);

    background:#F8FBFD;
    border:1px solid #D5E4EC;
    border-radius:20px;

    box-shadow:
        0 9px 25px rgba(15,23,42,.04);
}


body .exness-choice-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-bottom:18px;
}


body .exness-choice-number{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:#07131A;
    color:#FFFFFF;
    -webkit-text-fill-color:#FFFFFF;

    font-size:12px;
    font-weight:950;
}


body .exness-choice-status{
    display:inline-flex;

    padding:6px 10px;

    background:#EAF7FB;
    color:#0E7490;
    -webkit-text-fill-color:#0E7490;

    border:1px solid #B9E5F2;
    border-radius:999px;

    font-size:11px;
    font-weight:900;
}


body .exness-choice-card h3{
    margin:0 0 8px;

    color:#0F172A;
    -webkit-text-fill-color:#0F172A;

    font-size:19px;
    font-weight:950;
}


body .exness-choice-copy{
    min-height:52px;
    margin:0 0 18px;

    color:#475569;
    -webkit-text-fill-color:#475569;

    font-size:13.5px;
    line-height:1.9;
}


body .exness-choice-steps{
    display:grid;
    gap:9px;

    margin-bottom:18px;
}


body .exness-choice-step{
    display:grid;
    grid-template-columns:30px 1fr;
    align-items:center;
    gap:10px;

    padding:9px 10px;

    background:#FFFFFF;
    border:1px solid #E1EBF0;
    border-radius:12px;

    color:#334155;
    -webkit-text-fill-color:#334155;

    font-size:12.5px;
    line-height:1.6;
}


body .exness-choice-step b{
    width:28px;
    height:28px;

    display:grid;
    place-items:center;

    border-radius:9px;

    background:#EAF7FB;
    color:#075985;
    -webkit-text-fill-color:#075985;

    font-size:11px;
    font-weight:950;
}


body .exness-choice-action{
    min-height:44px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:10px 17px;

    background:
        linear-gradient(
            135deg,
            #38BDF8,
            #0E7490
        );

    color:#FFFFFF;
    -webkit-text-fill-color:#FFFFFF;

    border:0;
    border-radius:12px;

    text-decoration:none;
    font-size:13px;
    font-weight:950;

    box-shadow:
        0 10px 22px rgba(14,116,144,.18);
}


body .exness-transfer-details{
    margin-top:4px;

    background:#FFFFFF;
    border:1px solid #D9E7EE;
    border-radius:14px;

    overflow:hidden;
}


body .exness-transfer-details summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    padding:13px 14px;

    cursor:pointer;

    color:#075985;
    -webkit-text-fill-color:#075985;

    font-size:12.5px;
    font-weight:950;

    list-style:none;
}


body .exness-transfer-details summary::-webkit-details-marker{
    display:none;
}


body .exness-transfer-content{
    display:grid;
    gap:10px;

    padding:0 12px 12px;
}


body .exness-transfer-box{
    padding:12px;

    background:#F8FBFD;
    border:1px solid #E1EBF0;
    border-radius:11px;
}


body .exness-transfer-box small{
    display:block;
    margin-bottom:6px;

    color:#64748B;
    -webkit-text-fill-color:#64748B;

    font-size:10.5px;
    font-weight:900;
}


body .exness-transfer-box code{
    display:block;

    margin-bottom:9px;

    color:#0F172A;
    -webkit-text-fill-color:#0F172A;

    direction:ltr;
    text-align:left;
    word-break:break-all;

    font-size:11.5px;
}


body .exness-transfer-box p{
    margin:0 0 9px;

    color:#334155;
    -webkit-text-fill-color:#334155;

    font-size:11.5px;
    line-height:1.8;
}


body .exness-copy-btn{
    min-height:34px;

    padding:7px 12px;

    background:#0B2230;
    color:#FFFFFF;
    -webkit-text-fill-color:#FFFFFF;

    border:0;
    border-radius:9px;

    cursor:pointer;

    font-family:inherit;
    font-size:11px;
    font-weight:900;
}


@media(max-width:850px){

    body .exness-choice-section{
        padding:18px;
    }

    body .exness-choice-grid{
        grid-template-columns:1fr;
    }

    body .exness-choice-copy{
        min-height:0;
    }

}


@media(max-width:520px){

    body .exness-choice-section{
        --choice-card-padding:17px;

        padding:14px;
        border-radius:18px;
    }

    body .exness-choice-card{
        border-radius:16px;
    }

    body .exness-choice-action{
        width:100%;
    }

}

/* SOURCE: ta-home-exness-choice-v1 END */

\n\n

\n\n\n

\n