.tb-earnings-engine {
  max-width: 1200px;
  margin: 26px auto 0;
  padding: 20px;
  border: 1px solid rgba(255, 211, 107, 0.32);
  border-radius: 16px;
  background:
    radial-gradient(circle at 18% 0%, rgba(23, 57, 168, 0.30), transparent 34%),
    radial-gradient(circle at 85% 5%, rgba(255, 211, 107, 0.14), transparent 30%),
    linear-gradient(180deg, #141a2a 0%, #0f1422 100%);
  box-shadow: 0 10px 32px rgba(0,0,0,.40), 0 0 22px rgba(255,211,107,.12);
  color: #eaf0ff;
}
.tb-earnings-head { text-align: center; margin-bottom: 18px; }
.tb-earnings-eyebrow { margin: 0 0 6px; color: #ffd36b; font-size: 12px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.tb-earnings-head h2 {
  margin: 0;
  font-family: Impact, Haettenschweiler, 'Anton', 'Arial Black', Inter, sans-serif;
  font-size: clamp(30px, 5.6vw, 58px);
  line-height: 1.02;
  color: #1739a8;
  -webkit-text-stroke: 1.2px #ffd700;
  text-shadow: 0 0 8px rgba(255,255,255,.45), 0 0 22px rgba(255,211,107,.34);
}
.tb-earnings-head p { max-width: 720px; margin: 10px auto 0; color: #b7c3e1; font-size: 16px; }
.tb-earnings-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .74fr); gap: 16px; align-items: stretch; }
.tb-earnings-card {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(20,26,42,.96), rgba(12,15,25,.94));
  padding: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.24);
}
.tb-earnings-card h3 { margin: 0 0 12px; color: #eaf0ff; font-size: 20px; font-weight: 900; }
.tb-earnings-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tb-earnings-fields-locked { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tb-earnings-field label,
.tb-earnings-locked span { display: block; margin-bottom: 6px; color: #b7c3e1; font-size: 13px; font-weight: 800; }
.tb-earnings-field input {
  width: 100%;
  border: 1px solid #2a3050;
  border-radius: 10px;
  background: #0f1422;
  color: #eaf0ff;
  padding: 11px 12px;
  font: inherit;
  outline: none;
}
.tb-earnings-field input:focus { box-shadow: 0 0 0 3px rgba(122,160,255,.25); border-color: rgba(122,160,255,.8); }
.tb-earnings-locked {
  min-height: 67px;
  border: 1px solid rgba(255,211,107,.28);
  border-radius: 10px;
  background: rgba(23,57,168,.20);
  padding: 10px 12px;
}
.tb-earnings-locked strong { display:block; color:#ffd36b; font-size:22px; line-height:1.15; }
.tb-earnings-results { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.tb-earnings-results-wide { grid-template-columns: repeat(4, minmax(0,1fr)); }
.tb-earnings-number { border-radius: 12px; background: rgba(23,57,168,.20); padding: 14px; border: 1px solid rgba(255,255,255,.10); }
.tb-earnings-number span { display:block; color:#b7c3e1; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.tb-earnings-number strong { display:block; margin-top:5px; color:#ffd36b; font-size:clamp(22px,3.4vw,31px); line-height:1; text-shadow:0 0 12px rgba(255,211,107,.25); }
.tb-earnings-wingman { margin: 14px 0 0; color: #eaf0ff; border-left: 3px solid #ffd36b; padding-left: 12px; }
.tb-earnings-examples { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.tb-earnings-example { border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:12px; background: rgba(23,57,168,.16); cursor:pointer; color:#eaf0ff; text-align:left; }
.tb-earnings-example:hover { border-color: rgba(255,211,107,.65); box-shadow: 0 0 16px rgba(255,211,107,.12); }
.tb-earnings-example strong { display:block; color:#fff; }
.tb-earnings-example span { display:block; color:#b7c3e1; font-size:13px; margin-top:2px; }
.tb-earnings-example b { display:block; color:#ffd36b; font-size:20px; margin-top:6px; }
.tb-earnings-projection { margin-top: 16px; }
.tb-earnings-projection .tb-earnings-fields { grid-template-columns: repeat(5, minmax(0,1fr)); }
.tb-earnings-disclaimer { margin: 16px 0 0; color:#b7c3e1; font-size:13px; line-height:1.5; }
.tb-earnings-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  min-height:44px;
  border-radius:10px;
  padding:0 18px;
  color:#111;
  background:linear-gradient(180deg,#ffd36b,#d7a838);
  font-weight:900;
  text-decoration:none;
  border:1px solid #ffd700;
  box-shadow:0 0 18px rgba(255,211,107,.22);
  text-transform:uppercase;
  letter-spacing:.3px;
}
.tb-earnings-cta:hover { filter: brightness(1.06); }
@media (max-width: 980px) {
  .tb-earnings-grid,
  .tb-earnings-fields,
  .tb-earnings-fields-locked,
  .tb-earnings-projection .tb-earnings-fields,
  .tb-earnings-results,
  .tb-earnings-results-wide,
  .tb-earnings-examples { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .tb-earnings-engine { padding: 16px; margin-top: 18px; border-radius: 14px; }
  .tb-earnings-card { padding: 14px; }
}
