/* =========================================================
   Traffiliates Shell (Header + Footer) - NO external libs
   ========================================================= */
:root{
  --tf-bg:#000000;
  --tf-panel:#0b1224;
  --tf-panel2:#0f172a;
  --tf-stroke:rgba(255,255,255,.10);
  --tf-stroke2:rgba(255,255,255,.06);
  --tf-text:#e8eefc;
  --tf-muted:rgba(232,238,252,.72);
  --tf-yellow:#ffb829;
  --tf-yellow2:#ffcc52;
  --tf-green:#18b893;
  --tf-green2:#22c55e;
}

body.tf-dark{
  background: radial-gradient(900px 500px at 20% 0%, rgba(255,184,41,.10), transparent 60%),
              radial-gradient(900px 500px at 95% 10%, rgba(34,197,94,.10), transparent 55%),
              var(--tf-bg) !important;
  color: var(--tf-text);
}

.tf-header{
  position:fixed; top:0; left:0; width:100%;
  background: var(--tf-bg);
  border-bottom:1px solid var(--tf-stroke2);
  z-index:9999;
}
.tf-header .wrap{
  max-width:1030px; margin:0 auto; padding:10px 16px;
  display:flex; align-items:center; gap:14px;
}
.tf-brand{display:flex; align-items:center; gap:12px; min-width:190px}
.tf-brand img{height:52px; width:auto; display:block}
.tf-burger{
  margin-left:auto;
  width:44px; height:40px; border-radius:12px;
  border:1px solid var(--tf-stroke);
  background:transparent; color:var(--tf-text);
  display:none; align-items:center; justify-content:center;
  cursor:pointer;
}
.tf-nav{display:flex; gap:4px; align-items:center; margin-left:auto; flex-wrap:wrap}
.tf-link{
  color:#fff; text-decoration:none;
  font-size:14px; text-transform:uppercase;
  padding:10px 12px; border-radius:999px;
  font-weight:500; letter-spacing:.2px;
}
.tf-link:hover{color:var(--tf-yellow)}
.tf-cta{
  background:linear-gradient(135deg,var(--tf-yellow),var(--tf-yellow2));
  color:#000 !important;
  padding:10px 16px !important;
  box-shadow:0 10px 24px rgba(255,184,41,.18);
}
.tf-cta:hover{filter:brightness(.98); color:#000 !important}
.tf-dd{position:relative}
.tf-dd > .tf-link:after{content:" ▾"; font-size:12px; opacity:.9}
.tf-ddmenu{
  position:absolute; top:44px; left:0;
  min-width:230px; background:#020926;
  border:1px solid rgba(16,26,59,.8);
  border-radius:14px; padding:8px;
  display:none;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
.tf-dd:hover .tf-ddmenu{display:block}
.tf-ddmenu a{
  display:block; color:#fff; text-decoration:none;
  padding:9px 12px; border-radius:12px;
  font-size:13px; font-weight:800;
}
.tf-ddmenu a:hover{background:#111a3d; color:var(--tf-yellow)}

/* spacer to keep content below fixed header */
.tf-spacer{height:86px}
@media (max-width: 991px){
  .tf-burger{display:flex}
  .tf-nav{
    position:fixed; left:16px; right:16px; top:76px;
    background:#020926;
    border:1px solid rgba(16,26,59,.8);
    border-radius:16px;
    padding:10px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
  }
  body.tf-menu-open .tf-nav{display:flex}
  .tf-link{padding:12px 12px}
  .tf-ddmenu{
    position:static; display:block; border:none; background:transparent; box-shadow:none;
    padding:0 0 0 10px; margin-top:2px;
  }
  .tf-dd > .tf-link:after{content:""}
  .tf-ddmenu a{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); margin:6px 0}
}

/* Footer */
.tf-footer{background:#000; border-top:1px solid var(--tf-stroke2); margin-top:40px}
.tf-footer .content{max-width:1240px;margin:0 auto;padding:28px 16px 10px}
.tf-footer h6,.tf-footer h5{margin:16px 0 10px;color:#fff}
.tf-footer p,.tf-footer li{color:rgba(255,255,255,.82); font-size:14px; line-height:1.6}
.tf-footer a{color:rgba(255,255,255,.82); text-decoration:none}
.tf-footer a:hover{color:var(--tf-yellow)}
.tf-grid{display:grid; grid-template-columns:1.1fr 1fr 1fr 1fr; gap:22px; margin-top:18px}
@media(max-width:980px){ .tf-grid{grid-template-columns:1fr 1fr; } }
@media(max-width:640px){ .tf-grid{grid-template-columns:1fr; } }
.tf-contact{list-style:none; padding:0; margin:14px 0 0}
.tf-contact li{margin-bottom:8px}
.tf-btm{border-top:1px solid rgba(255,255,255,.12); padding:14px 0; margin-top:18px}
.tf-btm .row{max-width:1240px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.78);font-size:14px}
.disclaimer-list{margin:10px 0 14px; padding-left:18px}

/* Make our Signals UI match dark theme */
.page{max-width:1240px;margin:0 auto;padding:18px 16px 44px}
.hdr{display:none !important} /* hide old mini header */
.carouselTitle,.gridTitle{color:#fff}
.note{color:rgba(255,255,255,.72)}
.navBtn{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.10); color:#fff}
.navBtn:hover{border-color:rgba(255,255,255,.18)}
.card{
  background:rgba(15,23,42,.62);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(0,0,0,.35);
}
.badge{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.10); color:#fff}
.followers{color:rgba(255,255,255,.72)}
.metric .label{color:rgba(255,255,255,.72)}
.metric .value{color:var(--tf-green2)}
.metric .sub{color:rgba(255,255,255,.70)}
.rowLine{color:rgba(255,255,255,.72)}
.rowLine b{color:#fff}
.price{color:var(--tf-yellow)}
.circleBtn{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.10)}
.circleBtn:hover{border-color:rgba(255,255,255,.18)}
.copyBtn{background:linear-gradient(135deg,var(--tf-yellow),var(--tf-yellow2)); color:#021b16}
.copyBtn.yellow{background:linear-gradient(135deg,var(--tf-yellow),var(--tf-yellow2)); color:#000}
.search,.select,.input{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.10); color:#fff}
.search::placeholder{color:rgba(255,255,255,.55)}