/* ═══════════════════════════════════════════════════════════════
   WORLD-FIRST PAGE DESIGNS — Complete Inner Component Override
   Targets all sections: Future Self · Identity Mind · Life Sim
   Psychology · CSTM · Data Intel · Dev Portal · Platform Hub
   Portfolio · Analytics · Career AI · CSTM-2 · Transformer
   ═══════════════════════════════════════════════════════════════ */

/* ── Shared inner card upgrade for all target sections ─────────── */
#tab-future-self .card, #tab-lp-future-self .card,
#tab-ai-self-chat .card,
#tab-identity-mind .card,
#tab-life-sim .card,
#tab-psychology-layer .card,
#tab-cstm-intel .card,
#tab-data-intel .card,
#tab-model-intel .card,
#tab-dev-portal .card,
#tab-camp .card,
#tab-cstm2 .card,
#tab-transformer .card,
#tab-analytics .card,
#tab-portfolio .card {
  background: linear-gradient(145deg, rgba(13,16,32,.95), rgba(10,12,24,.98));
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 20px;
  padding: 26px 28px;
  position: relative;
  overflow: hidden;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  backdrop-filter: blur(12px);
}

#tab-future-self .card::before, #tab-lp-future-self .card::before,
#tab-ai-self-chat .card::before,
#tab-identity-mind .card::before,
#tab-life-sim .card::before,
#tab-psychology-layer .card::before,
#tab-cstm-intel .card::before,
#tab-data-intel .card::before,
#tab-model-intel .card::before,
#tab-dev-portal .card::before,
#tab-camp .card::before,
#tab-cstm2 .card::before,
#tab-transformer .card::before,
#tab-analytics .card::before,
#tab-portfolio .card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(135deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,0) 60%);
  pointer-events: none;
}

#tab-future-self .card:hover, #tab-lp-future-self .card:hover,
#tab-ai-self-chat .card:hover,
#tab-identity-mind .card:hover,
#tab-life-sim .card:hover,
#tab-psychology-layer .card:hover,
#tab-cstm-intel .card:hover,
#tab-data-intel .card:hover,
#tab-model-intel .card:hover,
#tab-dev-portal .card:hover,
#tab-camp .card:hover,
#tab-cstm2 .card:hover,
#tab-transformer .card:hover,
#tab-analytics .card:hover,
#tab-portfolio .card:hover {
  border-color: var(--wf-hover-bd, rgba(0,240,255,.22));
  transform: translateY(-3px);
  box-shadow: 0 16px 48px rgba(0,0,0,.55), 0 0 0 1px var(--wf-hover-bd, rgba(0,240,255,.08));
}

/* Section-specific hover border colours */
#tab-future-self .card:hover     { --wf-hover-bd: rgba(139,92,246,.28); }
#tab-ai-self-chat .card:hover    { --wf-hover-bd: rgba(0,240,255,.22); }
#tab-identity-mind .card:hover   { --wf-hover-bd: rgba(16,255,176,.22); }
#tab-life-sim .card:hover        { --wf-hover-bd: rgba(255,107,53,.22); }
#tab-psychology-layer .card:hover{ --wf-hover-bd: rgba(255,51,102,.22); }
#tab-cstm-intel .card:hover      { --wf-hover-bd: rgba(99,102,241,.28); }
#tab-data-intel .card:hover      { --wf-hover-bd: rgba(255,170,0,.22); }
#tab-dev-portal .card:hover      { --wf-hover-bd: rgba(16,255,176,.22); }
#tab-camp .card:hover            { --wf-hover-bd: rgba(99,102,241,.22); }
#tab-cstm2 .card:hover           { --wf-hover-bd: rgba(139,92,246,.22); }
#tab-transformer .card:hover     { --wf-hover-bd: rgba(139,92,246,.22); }
#tab-analytics .card:hover       { --wf-hover-bd: rgba(16,255,176,.22); }

/* ── Top accent line on cards ──────────────────────────────────── */
#tab-future-self .card::after    { background: linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(0,240,255,.3),transparent); }
#tab-ai-self-chat .card::after   { background: linear-gradient(90deg,transparent,rgba(0,240,255,.4),rgba(16,255,176,.3),transparent); }
#tab-identity-mind .card::after  { background: linear-gradient(90deg,transparent,rgba(16,255,176,.5),rgba(0,240,255,.3),transparent); }
#tab-life-sim .card::after       { background: linear-gradient(90deg,transparent,rgba(255,107,53,.5),rgba(247,206,91,.3),transparent); }
#tab-psychology-layer .card::after{ background: linear-gradient(90deg,transparent,rgba(255,51,102,.5),rgba(255,107,53,.3),transparent); }
#tab-cstm-intel .card::after     { background: linear-gradient(90deg,transparent,rgba(99,102,241,.5),rgba(139,92,246,.3),transparent); }
#tab-data-intel .card::after     { background: linear-gradient(90deg,transparent,rgba(255,170,0,.5),rgba(255,107,53,.3),transparent); }
#tab-dev-portal .card::after     { background: linear-gradient(90deg,transparent,rgba(16,255,176,.5),rgba(0,240,255,.3),transparent); }
#tab-camp .card::after           { background: linear-gradient(90deg,transparent,rgba(99,102,241,.4),rgba(247,206,91,.3),rgba(16,255,176,.25),transparent); }
#tab-cstm2 .card::after          { background: linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(0,240,255,.3),transparent); }
#tab-transformer .card::after    { background: linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(244,114,182,.3),transparent); }
#tab-analytics .card::after      { background: linear-gradient(90deg,transparent,rgba(16,255,176,.5),rgba(0,240,255,.3),transparent); }
#tab-portfolio .card::after      { background: linear-gradient(90deg,transparent,rgba(0,229,255,.4),rgba(247,206,91,.3),transparent); }

/* All cards get top accent line effect on hover */
#tab-future-self .card::after,
#tab-ai-self-chat .card::after,
#tab-identity-mind .card::after,
#tab-life-sim .card::after,
#tab-psychology-layer .card::after,
#tab-cstm-intel .card::after,
#tab-data-intel .card::after,
#tab-model-intel .card::after,
#tab-dev-portal .card::after,
#tab-camp .card::after,
#tab-cstm2 .card::after,
#tab-transformer .card::after,
#tab-analytics .card::after,
#tab-portfolio .card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1.5px;
  border-radius: 20px 20px 0 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
#tab-future-self .card:hover::after,
#tab-ai-self-chat .card:hover::after,
#tab-identity-mind .card:hover::after,
#tab-life-sim .card:hover::after,
#tab-psychology-layer .card:hover::after,
#tab-cstm-intel .card:hover::after,
#tab-data-intel .card:hover::after,
#tab-model-intel .card:hover::after,
#tab-dev-portal .card:hover::after,
#tab-camp .card:hover::after,
#tab-cstm2 .card:hover::after,
#tab-transformer .card:hover::after,
#tab-analytics .card:hover::after,
#tab-portfolio .card:hover::after { opacity: 1; }

/* ── Card headers (ch) upgrade ──────────────────────────────────── */
#tab-future-self .ch,
#tab-ai-self-chat .ch,
#tab-identity-mind .ch,
#tab-life-sim .ch,
#tab-psychology-layer .ch,
#tab-cstm-intel .ch,
#tab-data-intel .ch,
#tab-model-intel .ch,
#tab-dev-portal .ch,
#tab-camp .ch,
#tab-cstm2 .ch,
#tab-transformer .ch,
#tab-analytics .ch,
#tab-portfolio .ch {
  padding-bottom: 14px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

#tab-future-self .ch h3,
#tab-ai-self-chat .ch h3,
#tab-identity-mind .ch h3,
#tab-life-sim .ch h3,
#tab-psychology-layer .ch h3,
#tab-cstm-intel .ch h3,
#tab-data-intel .ch h3,
#tab-model-intel .ch h3,
#tab-dev-portal .ch h3,
#tab-camp .ch h3,
#tab-cstm2 .ch h3,
#tab-transformer .ch h3,
#tab-analytics .ch h3,
#tab-portfolio .ch h3 {
  font-family: var(--fh);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;
  color: var(--text-0);
}

#tab-future-self .ci,
#tab-ai-self-chat .ci,
#tab-identity-mind .ci,
#tab-life-sim .ci,
#tab-psychology-layer .ci,
#tab-cstm-intel .ci,
#tab-data-intel .ci,
#tab-model-intel .ci,
#tab-dev-portal .ci,
#tab-camp .ci,
#tab-cstm2 .ci,
#tab-transformer .ci,
#tab-analytics .ci,
#tab-portfolio .ci {
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 11px; font-size: 18px; flex-shrink: 0;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
}

/* Section-specific icon backgrounds */
#tab-future-self .ci    { background: rgba(139,92,246,.12); border-color: rgba(139,92,246,.25); }
#tab-ai-self-chat .ci   { background: rgba(0,240,255,.1);   border-color: rgba(0,240,255,.22); }
#tab-identity-mind .ci  { background: rgba(16,255,176,.1);  border-color: rgba(16,255,176,.22); }
#tab-life-sim .ci        { background: rgba(255,107,53,.1); border-color: rgba(255,107,53,.22); }
#tab-psychology-layer .ci{ background: rgba(255,51,102,.1); border-color: rgba(255,51,102,.22); }
#tab-cstm-intel .ci     { background: rgba(99,102,241,.12); border-color: rgba(99,102,241,.25); }
#tab-data-intel .ci     { background: rgba(255,170,0,.1);   border-color: rgba(255,170,0,.22); }
#tab-dev-portal .ci     { background: rgba(16,255,176,.1);  border-color: rgba(16,255,176,.22); }
#tab-camp .ci           { background: rgba(247,206,91,.1);  border-color: rgba(247,206,91,.22); }
#tab-cstm2 .ci          { background: rgba(139,92,246,.12); border-color: rgba(139,92,246,.25); }
#tab-transformer .ci    { background: rgba(244,114,182,.1); border-color: rgba(244,114,182,.22); }
#tab-analytics .ci      { background: rgba(16,255,176,.1);  border-color: rgba(16,255,176,.22); }

/* ── Description text premium ──────────────────────────────────── */
#tab-future-self .cdesc,
#tab-ai-self-chat .cdesc,
#tab-identity-mind .cdesc,
#tab-life-sim .cdesc,
#tab-psychology-layer .cdesc,
#tab-cstm-intel .cdesc,
#tab-data-intel .cdesc,
#tab-dev-portal .cdesc {
  font-family: var(--fd);
  font-size: 13.5px;
  font-style: normal;
  color: var(--text-2);
  line-height: 1.7;
  margin-bottom: 18px;
  padding: 12px 14px;
  background: rgba(255,255,255,.025);
  border-radius: 10px;
  border-left: 2px solid var(--wf-section-accent, rgba(0,240,255,.4));
}

#tab-future-self .cdesc    { --wf-section-accent: rgba(139,92,246,.5); }
#tab-identity-mind .cdesc  { --wf-section-accent: rgba(16,255,176,.5); }
#tab-life-sim .cdesc       { --wf-section-accent: rgba(255,107,53,.5); }
#tab-psychology-layer .cdesc{ --wf-section-accent: rgba(255,51,102,.5); }
#tab-cstm-intel .cdesc     { --wf-section-accent: rgba(99,102,241,.5); }
#tab-data-intel .cdesc     { --wf-section-accent: rgba(255,170,0,.5); }
#tab-dev-portal .cdesc     { --wf-section-accent: rgba(16,255,176,.5); }

/* ── Field groups (fg) premium ──────────────────────────────────── */
#tab-future-self .fg label,
#tab-ai-self-chat .fg label,
#tab-identity-mind .fg label,
#tab-life-sim .fg label,
#tab-psychology-layer .fg label,
#tab-cstm-intel .fg label,
#tab-data-intel .fg label,
#tab-model-intel .fg label,
#tab-dev-portal .fg label,
#tab-camp .fg label,
#tab-cstm2 .fg label,
#tab-transformer .fg label,
#tab-analytics .fg label {
  font-family: var(--fm);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--text-3);
}

/* Inputs inside target sections */
#tab-future-self input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-future-self select, #tab-future-self textarea,
#tab-ai-self-chat input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-ai-self-chat select, #tab-ai-self-chat textarea,
#tab-identity-mind input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-identity-mind select, #tab-identity-mind textarea,
#tab-life-sim input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-life-sim select, #tab-life-sim textarea,
#tab-psychology-layer input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-psychology-layer select, #tab-psychology-layer textarea,
#tab-cstm-intel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-cstm-intel select, #tab-cstm-intel textarea,
#tab-data-intel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-data-intel select, #tab-data-intel textarea,
#tab-model-intel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-model-intel select, #tab-model-intel textarea,
#tab-dev-portal input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-dev-portal select, #tab-dev-portal textarea,
#tab-camp input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-camp select, #tab-camp textarea,
#tab-cstm2 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-cstm2 select, #tab-cstm2 textarea,
#tab-transformer input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#tab-transformer select, #tab-transformer textarea {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 12px !important;
  color: var(--text-1) !important;
  font-family: var(--fd) !important;
  font-size: .88rem !important;
  padding: 11px 15px !important;
  transition: all .2s !important;
  outline: none !important;
}

/* Focus glow per section */
#tab-future-self input:focus, #tab-future-self select:focus, #tab-future-self textarea:focus,
#tab-lp-future-self input:focus, #tab-lp-future-self select:focus, #tab-lp-future-self textarea:focus {
  border-color: rgba(139,92,246,.5) !important;
  box-shadow: 0 0 0 3px rgba(139,92,246,.12) !important;
  background: rgba(139,92,246,.06) !important;
}
#tab-ai-self-chat input:focus, #tab-ai-self-chat select:focus {
  border-color: rgba(0,240,255,.45) !important;
  box-shadow: 0 0 0 3px rgba(0,240,255,.1) !important;
}
#tab-identity-mind input:focus, #tab-identity-mind select:focus, #tab-identity-mind textarea:focus {
  border-color: rgba(16,255,176,.45) !important;
  box-shadow: 0 0 0 3px rgba(16,255,176,.1) !important;
}
#tab-life-sim input:focus, #tab-life-sim select:focus, #tab-life-sim textarea:focus {
  border-color: rgba(255,107,53,.45) !important;
  box-shadow: 0 0 0 3px rgba(255,107,53,.1) !important;
}
#tab-psychology-layer input:focus, #tab-psychology-layer select:focus, #tab-psychology-layer textarea:focus {
  border-color: rgba(255,51,102,.45) !important;
  box-shadow: 0 0 0 3px rgba(255,51,102,.1) !important;
}
#tab-cstm-intel input:focus, #tab-cstm-intel select:focus, #tab-cstm-intel textarea:focus {
  border-color: rgba(99,102,241,.5) !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,.12) !important;
}
#tab-data-intel input:focus, #tab-data-intel select:focus, #tab-data-intel textarea:focus {
  border-color: rgba(255,170,0,.45) !important;
  box-shadow: 0 0 0 3px rgba(255,170,0,.1) !important;
}
#tab-dev-portal input:focus, #tab-dev-portal select:focus, #tab-dev-portal textarea:focus {
  border-color: rgba(16,255,176,.45) !important;
  box-shadow: 0 0 0 3px rgba(16,255,176,.1) !important;
}
#tab-transformer input:focus, #tab-transformer select:focus, #tab-transformer textarea:focus {
  border-color: rgba(139,92,246,.5) !important;
  box-shadow: 0 0 0 3px rgba(139,92,246,.12) !important;
}

/* ── Primary buttons (btn-p) premium per section ───────────────── */
#tab-future-self .btn-p, #tab-lp-future-self .btn-p {
  background: linear-gradient(135deg,#8b5cf6,#6366f1) !important;
  box-shadow: 0 4px 20px rgba(139,92,246,.35) !important;
}
#tab-ai-self-chat .btn-p {
  background: linear-gradient(135deg,#00c9b8,#4f8fff) !important;
  box-shadow: 0 4px 20px rgba(0,201,184,.3) !important;
}
#tab-identity-mind .btn-p {
  background: linear-gradient(135deg,#10ffb0,#00c9b8) !important;
  box-shadow: 0 4px 20px rgba(16,255,176,.3) !important;
  color: #061810 !important;
}
#tab-life-sim .btn-p {
  background: linear-gradient(135deg,#ff6b35,#f7ce5b) !important;
  box-shadow: 0 4px 20px rgba(255,107,53,.35) !important;
  color: #15090a !important;
}
#tab-psychology-layer .btn-p {
  background: linear-gradient(135deg,#ff3366,#8b5cf6) !important;
  box-shadow: 0 4px 20px rgba(255,51,102,.3) !important;
}
#tab-cstm-intel .btn-p {
  background: linear-gradient(135deg,#6366f1,#8b5cf6) !important;
  box-shadow: 0 4px 20px rgba(99,102,241,.35) !important;
}
#tab-data-intel .btn-p {
  background: linear-gradient(135deg,#ffaa00,#ff6b35) !important;
  box-shadow: 0 4px 20px rgba(255,170,0,.3) !important;
  color: #15090a !important;
}
#tab-dev-portal .btn-p {
  background: linear-gradient(135deg,#10ffb0,#00c9b8) !important;
  box-shadow: 0 4px 20px rgba(16,255,176,.3) !important;
  color: #061810 !important;
}
#tab-camp .btn-p {
  background: linear-gradient(135deg,#6366f1,#f7ce5b) !important;
  box-shadow: 0 4px 20px rgba(99,102,241,.3) !important;
}
#tab-cstm2 .btn-p {
  background: linear-gradient(135deg,#8b5cf6,#6366f1) !important;
  box-shadow: 0 4px 20px rgba(139,92,246,.35) !important;
}
#tab-transformer .btn-p {
  background: linear-gradient(135deg,#8b5cf6,#f472b6) !important;
  box-shadow: 0 4px 20px rgba(139,92,246,.35) !important;
}

/* All target section primary buttons — shared premium styling */
#tab-future-self .btn-p, #tab-lp-future-self .btn-p,
#tab-ai-self-chat .btn-p, #tab-identity-mind .btn-p,
#tab-life-sim .btn-p, #tab-psychology-layer .btn-p,
#tab-cstm-intel .btn-p, #tab-data-intel .btn-p,
#tab-model-intel .btn-p, #tab-dev-portal .btn-p,
#tab-camp .btn-p, #tab-cstm2 .btn-p, #tab-transformer .btn-p {
  position: relative;
  overflow: hidden;
  border: none !important;
  border-radius: 13px !important;
  font-family: var(--fm) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  padding: 13px 26px !important;
  cursor: pointer !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
  color: #fff !important;
}
#tab-future-self .btn-p:hover, #tab-lp-future-self .btn-p:hover,
#tab-ai-self-chat .btn-p:hover, #tab-identity-mind .btn-p:hover,
#tab-life-sim .btn-p:hover, #tab-psychology-layer .btn-p:hover,
#tab-cstm-intel .btn-p:hover, #tab-data-intel .btn-p:hover,
#tab-dev-portal .btn-p:hover, #tab-camp .btn-p:hover,
#tab-cstm2 .btn-p:hover, #tab-transformer .btn-p:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.1) !important;
}
#tab-future-self .btn-p:active, #tab-lp-future-self .btn-p:active,
#tab-ai-self-chat .btn-p:active, #tab-identity-mind .btn-p:active,
#tab-life-sim .btn-p:active, #tab-psychology-layer .btn-p:active,
#tab-cstm-intel .btn-p:active, #tab-data-intel .btn-p:active,
#tab-dev-portal .btn-p:active, #tab-cstm2 .btn-p:active { transform: translateY(0) !important; }

/* Shimmer sweep on primary buttons */
#tab-future-self .btn-p::before, #tab-lp-future-self .btn-p::before,
#tab-ai-self-chat .btn-p::before, #tab-identity-mind .btn-p::before,
#tab-life-sim .btn-p::before, #tab-psychology-layer .btn-p::before,
#tab-cstm-intel .btn-p::before, #tab-data-intel .btn-p::before,
#tab-dev-portal .btn-p::before, #tab-camp .btn-p::before,
#tab-cstm2 .btn-p::before, #tab-transformer .btn-p::before {
  content: '';
  position: absolute;
  top: -100%; left: -100%;
  width: 300%; height: 300%;
  background: linear-gradient(135deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);
  transition: all .5s;
}
#tab-future-self .btn-p:hover::before, #tab-identity-mind .btn-p:hover::before,
#tab-life-sim .btn-p:hover::before, #tab-psychology-layer .btn-p:hover::before,
#tab-cstm-intel .btn-p:hover::before, #tab-data-intel .btn-p:hover::before,
#tab-dev-portal .btn-p:hover::before, #tab-camp .btn-p:hover::before,
#tab-cstm2 .btn-p:hover::before, #tab-transformer .btn-p:hover::before,
#tab-ai-self-chat .btn-p:hover::before { top: 100%; left: 100%; }

/* Secondary buttons (btn-s, btn-outline) */
#tab-future-self .btn-s, #tab-lp-future-self .btn-s,
#tab-ai-self-chat .btn-s, #tab-identity-mind .btn-s,
#tab-life-sim .btn-s, #tab-psychology-layer .btn-s,
#tab-cstm-intel .btn-s, #tab-data-intel .btn-s,
#tab-dev-portal .btn-s, #tab-camp .btn-s,
#tab-cstm2 .btn-s, #tab-transformer .btn-s,
#tab-analytics .btn-s {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  color: var(--text-2) !important;
  font-family: var(--fm) !important;
  font-size: 10px !important;
  letter-spacing: .07em !important;
  padding: 9px 18px !important;
  cursor: pointer !important;
  transition: all .2s !important;
}
#tab-future-self .btn-s:hover, #tab-identity-mind .btn-s:hover,
#tab-life-sim .btn-s:hover, #tab-psychology-layer .btn-s:hover,
#tab-cstm-intel .btn-s:hover, #tab-data-intel .btn-s:hover,
#tab-dev-portal .btn-s:hover, #tab-cstm2 .btn-s:hover,
#tab-transformer .btn-s:hover, #tab-ai-self-chat .btn-s:hover {
  border-color: rgba(255,255,255,.22) !important;
  color: var(--text-0) !important;
  background: rgba(255,255,255,.07) !important;
}

/* ── Output panels (spanel) per section ────────────────────────── */
#tab-future-self .spanel,
#tab-ai-self-chat .spanel,
#tab-identity-mind .spanel,
#tab-life-sim .spanel,
#tab-psychology-layer .spanel,
#tab-cstm-intel .spanel,
#tab-data-intel .spanel,
#tab-dev-portal .spanel,
#tab-camp .spanel,
#tab-cstm2 .spanel,
#tab-transformer .spanel {
  background: rgba(0,0,0,.38) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  font-family: var(--fm) !important;
  font-size: 12.5px !important;
  line-height: 1.85 !important;
  color: var(--text-2) !important;
  position: relative !important;
}
#tab-future-self .spanel::before  { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(139,92,246,.35),transparent); }
#tab-ai-self-chat .spanel::before { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(0,240,255,.35),transparent); }
#tab-identity-mind .spanel::before{ content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(16,255,176,.35),transparent); }
#tab-life-sim .spanel::before     { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(255,107,53,.35),transparent); }
#tab-psychology-layer .spanel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,51,102,.35),transparent);}
#tab-cstm-intel .spanel::before   { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(99,102,241,.35),transparent); }
#tab-data-intel .spanel::before   { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(255,170,0,.35),transparent); }
#tab-camp .spanel::before         { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(99,102,241,.35),rgba(247,206,91,.2),transparent); }
#tab-cstm2 .spanel::before        { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(139,92,246,.35),transparent); }
#tab-transformer .spanel::before  { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(139,92,246,.35),rgba(244,114,182,.25),transparent); }
#tab-dev-portal .spanel::before   { content:''; position:absolute; top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(16,255,176,.35),transparent); }

/* ── Status messages per section ───────────────────────────────── */
.fs-status, .cstm-status, .csvm-status, .ct-status {
  border-radius: 10px !important;
  font-family: var(--fm) !important;
  font-size: .82rem !important;
  padding: 10px 14px !important;
  animation: wf1-fadeSlide .3s ease both !important;
}

/* ── Badges (bdg) premium in target sections ───────────────────── */
#tab-future-self .bdg.world,
#tab-identity-mind .bdg.world,
#tab-life-sim .bdg.world,
#tab-psychology-layer .bdg.world,
#tab-cstm-intel .bdg.world,
#tab-data-intel .bdg.world,
#tab-dev-portal .bdg.world,
#tab-camp .bdg.world,
#tab-cstm2 .bdg.world,
#tab-transformer .bdg.world,
#tab-analytics .bdg.world,
#tab-portfolio .bdg.world {
  font-family: var(--fm);
  font-size: 7.5px;
  letter-spacing: .2em;
  padding: 4px 12px;
  border-radius: 99px;
  background: linear-gradient(135deg,rgba(247,206,91,.18),rgba(247,206,91,.06));
  border: 1px solid rgba(247,206,91,.42);
  color: var(--aurora-gold);
  animation: wf1-shimText 3s ease-in-out infinite;
  background-size: 200%;
}

/* ── g2 grid in target sections ────────────────────────────────── */
#tab-future-self .g2,
#tab-ai-self-chat .g2,
#tab-identity-mind .g2,
#tab-life-sim .g2,
#tab-psychology-layer .g2,
#tab-cstm-intel .g2,
#tab-data-intel .g2,
#tab-model-intel .g2,
#tab-dev-portal .g2,
#tab-camp .g2,
#tab-cstm2 .g2,
#tab-transformer .g2,
#tab-analytics .g2 {
  gap: 18px;
  margin-bottom: 20px;
}

/* ═══════════════════════════════════════════════════════════════
   ── FUTURE SELF ENGINE — Complete Section
═══════════════════════════════════════════════════════════════ */
#tab-future-self .fs-panel,
#tab-lp-future-self .fs-panel { animation: wf1-fadeSlide .3s ease both; }

/* ═══════════════════════════════════════════════════════════════
   ── TALK TO FUTURE ME — Chat Premium
═══════════════════════════════════════════════════════════════ */
#tab-ai-self-chat #fsChatMessages {
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  padding: 16px;
  min-height: 320px;
  max-height: 480px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

#tab-ai-self-chat .fs-chat-msg {
  padding: 10px 14px;
  border-radius: 14px;
  margin-bottom: 10px;
  font-size: .88rem;
  line-height: 1.6;
  animation: wf1-fadeSlide .25s ease both;
}
#tab-ai-self-chat .fs-chat-user {
  background: linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.12));
  border: 1px solid rgba(99,102,241,.25);
  text-align: right;
  color: var(--text-1);
  border-radius: 14px 4px 14px 14px;
  margin-left: 20%;
}
#tab-ai-self-chat .fs-chat-ai {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--text-2);
  border-radius: 4px 14px 14px 14px;
  margin-right: 20%;
}

/* ═══════════════════════════════════════════════════════════════
   ── IDENTITY MIND — Bio-Scan Components
═══════════════════════════════════════════════════════════════ */
#tab-identity-mind #fsIdOut {
  display: none;
}
#tab-identity-mind .fs-dim-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
#tab-identity-mind .fs-bar {
  flex: 1;
  height: 7px;
  background: rgba(255,255,255,.06);
  border-radius: 99px;
  overflow: hidden;
}
#tab-identity-mind .fs-bar-fill {
  height: 100%;
  border-radius: 99px;
  background: linear-gradient(90deg, #10ffb0, #00f0ff);
  transition: width .8s cubic-bezier(.34,1.56,.64,1);
}

/* ═══════════════════════════════════════════════════════════════
   ── PSYCHOLOGY LAYER — Mind Theme
═══════════════════════════════════════════════════════════════ */
#tab-psychology-layer .fs-tradeoff-row {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
  font-size: .82rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
#tab-psychology-layer .fs-bar-fill {
  background: linear-gradient(90deg, #ff3366, #ff6b35);
}

/* ═══════════════════════════════════════════════════════════════
   ── CSTM-1 INTELLIGENCE — Neural Purple
═══════════════════════════════════════════════════════════════ */
#tab-cstm-intel .cstm-panel { display: none; }
#tab-cstm-intel .cstm-ring {
  width: 84px; height: 84px;
  border-radius: 50%;
  border: 5px solid #6366f1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(99,102,241,.08);
  box-shadow: 0 0 24px rgba(99,102,241,.25), inset 0 0 12px rgba(99,102,241,.1);
  flex-shrink: 0;
}
#tab-cstm-intel .cstm-bar {
  flex: 1; height: 7px;
  background: rgba(255,255,255,.06);
  border-radius: 99px; overflow: hidden;
}
#tab-cstm-intel .cstm-bar-fill {
  height: 100%; border-radius: 99px;
  background: linear-gradient(90deg, #6366f1, #8b5cf6);
  transition: width .6s ease;
}
#tab-cstm-intel .cstm-verdict {
  padding: 5px 14px; border-radius: 99px;
  font-size: .78rem; font-weight: 700;
  border: 1px solid; margin-bottom: 10px;
  display: inline-block;
}
#tab-cstm-intel .cstm-rewrite-card,
#tab-cstm-intel .cstm-skill-card,
#tab-cstm-intel .cstm-alt-card,
#tab-cstm-intel .cstm-month-card {
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(99,102,241,.18);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 8px;
  transition: border-color .2s;
}
#tab-cstm-intel .cstm-rewrite-card:hover,
#tab-cstm-intel .cstm-skill-card:hover { border-color: rgba(99,102,241,.35); }
#tab-cstm-intel .cstm-quote {
  border-left: 3px solid #6366f1;
  padding: 10px 16px;
  margin: 10px 0;
  background: rgba(99,102,241,.06);
  border-radius: 0 10px 10px 0;
  color: #a5b4fc;
  font-style: italic;
}
#tab-cstm-intel .cstm-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: .7rem;
  font-weight: 700;
  background: rgba(99,102,241,.12);
  border: 1px solid rgba(99,102,241,.25);
  color: #a5b4fc;
}
#tab-cstm-intel .cstm-badge-conf { background: rgba(99,102,241,.15); color: #a5b4fc; }
#tab-cstm-intel .cstm-badge-dim  { background: rgba(255,255,255,.05); color: var(--text-3); }
#tab-cstm-intel .cstm-badge-pivot{ background: rgba(192,132,252,.15); color: #c084fc; }
#tab-cstm-intel .cstm-sal-bar-wrap {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 7px; font-size: .82rem;
}
#tab-cstm-intel .cstm-model-hero {
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(99,102,241,.2);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 16px;
}
#tab-cstm-intel .cstm-model-card {
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(99,102,241,.15);
  border-radius: 10px;
  padding: 14px;
  transition: border-color .2s;
}
#tab-cstm-intel .cstm-model-card:hover { border-color: rgba(99,102,241,.35); }
#tab-cstm-intel .cstm-info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
  font-size: .83rem;
  gap: 10px;
}

/* ═══════════════════════════════════════════════════════════════
   ── DATA INTELLIGENCE — Amber Scan
═══════════════════════════════════════════════════════════════ */
#tab-data-intel .cstm-status.cstm-info {
  background: rgba(255,170,0,.07);
  border: 1px solid rgba(255,170,0,.25);
  color: var(--aurora-amber);
}
#tab-data-intel .cstm-status.cstm-ok {
  background: rgba(16,255,176,.06);
  border: 1px solid rgba(16,255,176,.25);
  color: var(--aurora-green);
}

/* ═══════════════════════════════════════════════════════════════
   ── DEVELOPER PORTAL — Terminal Green
═══════════════════════════════════════════════════════════════ */
#tab-dev-portal code {
  font-family: var(--fm);
  background: rgba(0,0,0,.4);
  border: 1px solid rgba(16,255,176,.2);
  border-radius: 6px;
  padding: 2px 8px;
  font-size: .82rem;
  color: #10ffb0;
}

/* ═══════════════════════════════════════════════════════════════
   ── CAREER AI MODEL PLATFORM — Spectrum
═══════════════════════════════════════════════════════════════ */
#tab-camp .camp-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
  gap: 10px;
  margin-bottom: 22px;
}
#tab-camp .camp-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  font-size: .83rem;
  transition: all .2s;
}
#tab-camp .camp-status-row:hover { border-color: rgba(99,102,241,.25); }
#tab-camp .camp-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
#tab-camp .camp-dot-green { background: var(--aurora-green); box-shadow: 0 0 6px rgba(16,255,176,.6); }
#tab-camp .camp-dot-amber { background: var(--aurora-amber); box-shadow: 0 0 6px rgba(255,170,0,.5); }
#tab-camp .camp-model-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
  gap: 12px;
  margin-bottom: 20px;
}
#tab-camp .camp-model-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(0,0,0,.25);
  transition: all .25s;
  position: relative;
  overflow: hidden;
}
#tab-camp .camp-model-card:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(0,0,0,.5); }

/* ═══════════════════════════════════════════════════════════════
   ── CAREER TRANSFORMER ENGINE — NER Purple
═══════════════════════════════════════════════════════════════ */
#tab-transformer .ct-status {
  display: none;
  border-radius: 10px;
  font-family: var(--fm);
}
#tab-transformer .ct-status-ok  { background:rgba(16,255,176,.07);border:1px solid rgba(16,255,176,.25);color:var(--aurora-green); }
#tab-transformer .ct-status-err { background:rgba(255,51,102,.07);border:1px solid rgba(255,51,102,.25);color:var(--aurora-red); }
#tab-transformer .ct-status-info{ background:rgba(139,92,246,.07);border:1px solid rgba(139,92,246,.25);color:#a5b4fc; }
#tab-transformer .ct-badge { display:inline-block;padding:2px 9px;border-radius:5px;font-size:.72rem;font-weight:700;letter-spacing:.05em; }
#tab-transformer .ct-badge-free  { background:rgba(79,143,255,.12);color:var(--aurora-blue); }
#tab-transformer .ct-badge-pro   { background:rgba(139,92,246,.15);color:#c084fc; }
#tab-transformer .ct-badge-scale { background:rgba(16,255,176,.1);color:var(--aurora-green); }
#tab-transformer .ct-key-card {
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(139,92,246,.2);
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 10px;
  transition: all .2s;
}
#tab-transformer .ct-key-card:hover { border-color: rgba(139,92,246,.4); }
#tab-transformer .ct-key-card.ct-key-active { border-color: rgba(139,92,246,.5); background: rgba(139,92,246,.06); }

/* ═══════════════════════════════════════════════════════════════
   ── PERFORMANCE ANALYTICS — Dashboard
═══════════════════════════════════════════════════════════════ */
#tab-analytics .analytics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px,1fr));
  gap: 12px;
  margin-bottom: 22px;
}
#tab-analytics .an-card {
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(16,255,176,.12);
  border-radius: 14px;
  padding: 18px 16px;
  text-align: center;
  transition: all .25s;
  position: relative;
  overflow: hidden;
}
#tab-analytics .an-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(16,255,176,.5), transparent);
}
#tab-analytics .an-card:hover { border-color: rgba(16,255,176,.3); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,.4); }
#tab-analytics .an-icon { font-size: 24px; margin-bottom: 8px; }
#tab-analytics .an-val  { font-family: var(--fh); font-size: 1.7rem; font-weight: 900; color: var(--aurora-green); line-height: 1; margin-bottom: 4px; }
#tab-analytics .an-label{ font-family: var(--fm); font-size: 9px; letter-spacing: .1em; color: var(--text-4); }
#tab-analytics .badge-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
#tab-analytics .badge-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 99px;
  background: rgba(247,206,91,.08);
  border: 1px solid rgba(247,206,91,.25);
  font-family: var(--fm);
  font-size: 9.5px;
  color: var(--aurora-gold);
  animation: wf1-fadeSlide .3s ease both;
}
#tab-analytics .badge-icon { font-size: 14px; }
#tab-analytics .activity-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
  animation: wf1-fadeSlide .25s ease both;
}
#tab-analytics .activity-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--aurora-cyan);
  box-shadow: 0 0 6px rgba(0,240,255,.6);
  flex-shrink: 0;
}
#tab-analytics .activity-type { font-size: .85rem; color: var(--text-1); flex: 1; text-transform: capitalize; }
#tab-analytics .activity-date { font-family: var(--fm); font-size: 10px; color: var(--text-4); }

/* ═══════════════════════════════════════════════════════════════
   ── JOB PLATFORM HUB — Global 2000+
═══════════════════════════════════════════════════════════════ */
#tab-platforms .plat-card {
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 13px;
  padding: 13px 15px;
  cursor: pointer;
  transition: all .2s;
  position: relative;
}
#tab-platforms .plat-card:hover {
  background: rgba(79,143,255,.06);
  border-color: rgba(79,143,255,.28);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0,0,0,.38);
}
#tab-platforms .plat-name {
  font-weight: 700;
  font-size: .88rem;
  color: var(--text-0);
  margin-bottom: 3px;
}
#tab-platforms .plat-cov {
  font-family: var(--fm);
  font-size: 9px;
  color: var(--text-4);
  margin-bottom: 4px;
}
#tab-platforms .plat-spec { margin-bottom: 6px; }
#tab-platforms .plat-tag {
  font-family: var(--fm);
  font-size: 8.5px;
  padding: 2px 8px;
  border-radius: 99px;
  background: rgba(79,143,255,.1);
  border: 1px solid rgba(79,143,255,.2);
  color: #4f8fff;
}
#tab-platforms .plat-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--fm);
  font-size: 9px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 7px;
  background: rgba(79,143,255,.12);
  border: 1px solid rgba(79,143,255,.25);
  color: #4f8fff;
  text-decoration: none;
  transition: all .15s;
}
#tab-platforms .plat-link-btn:hover { background: rgba(79,143,255,.22); border-color: rgba(79,143,255,.45); }
#tab-platforms .plat-card.tierS { border-color: rgba(247,206,91,.2); }
#tab-platforms .plat-card.tierS:hover { border-color: rgba(247,206,91,.4); }
#tab-platforms .plat-count {
  font-family: var(--fm);
  font-size: 10px;
  color: var(--text-4);
  margin-top: 12px;
  text-align: center;
  letter-spacing: .08em;
}
#tab-platforms .plat-count strong { color: var(--aurora-cyan); }
#tab-platforms .plat-ctrl {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  padding: 16px;
}
#tab-platforms .plat-search {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  color: var(--text-1);
  font-size: .88rem;
  outline: none;
  transition: all .2s;
  padding: 11px 16px;
  width: 100%;
}
#tab-platforms .plat-search:focus { border-color: rgba(79,143,255,.45); box-shadow: 0 0 0 3px rgba(79,143,255,.1); }
#tab-platforms .plat-filters { display: flex; gap: 5px; flex-wrap: wrap; }
#tab-platforms .pf {
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: .1em;
  padding: 4px 12px;
  border-radius: 99px;
  cursor: pointer;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  color: var(--text-3);
  transition: all .2s;
}
#tab-platforms .pf:hover { border-color: rgba(79,143,255,.3); color: #4f8fff; }
#tab-platforms .pf.active { background: rgba(79,143,255,.12); border-color: rgba(79,143,255,.38); color: #4f8fff; }
#tab-platforms .plat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px,1fr));
  gap: 8px;
}

/* ═══════════════════════════════════════════════════════════════
   ── PORTFOLIO ENGINE — Gold Premium
═══════════════════════════════════════════════════════════════ */
#tab-portfolio .pf-btab {
  padding: 9px 16px;
  font-family: var(--fm);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
  cursor: pointer;
  background: transparent;
  border: none;
  color: var(--text-3);
  border-bottom: 2px solid transparent;
  transition: all .2s;
}
#tab-portfolio .pf-btab.active {
  color: var(--aurora-gold);
  border-bottom-color: var(--aurora-gold);
  background: rgba(247,206,91,.04);
}
#tab-portfolio .pf-btab:hover { color: var(--text-1); }

/* ═══════════════════════════════════════════════════════════════
   ── LIFE SIMULATOR — Amber / Matrix Components
═══════════════════════════════════════════════════════════════ */
#tab-life-sim .fs-stress-card,
#tab-life-sim .fs-hm-cell,
#tab-life-sim .fs-reality-post,
#tab-life-sim .fs-week-card {
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(255,107,53,.14);
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 8px;
  transition: border-color .2s;
}
#tab-life-sim .fs-stress-card:hover,
#tab-life-sim .fs-hm-cell:hover,
#tab-life-sim .fs-reality-post:hover { border-color: rgba(255,107,53,.3); }

#tab-life-sim .fs-hm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px,1fr));
  gap: 8px;
  margin-top: 12px;
}
#tab-life-sim .fs-sal-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  font-size: .83rem;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
#tab-life-sim .fs-bar-fill {
  background: linear-gradient(90deg, #ff6b35, #f7ce5b);
}

/* ── Responsive tweaks ─────────────────────────────────────────── */
@media(max-width:900px) {
  #tab-future-self .card,
  #tab-ai-self-chat .card,
  #tab-identity-mind .card,
  #tab-life-sim .card,
  #tab-psychology-layer .card,
  #tab-cstm-intel .card { padding: 20px 20px; }
}
@media(max-width:600px) {
  #tab-future-self .card,
  #tab-identity-mind .card,
  #tab-life-sim .card { padding: 16px 16px; border-radius: 14px; }
  #tab-platforms .plat-grid { grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); }
  #tab-analytics .analytics-grid { grid-template-columns: repeat(2,1fr); }
}