/* ═══════════════════════════════════════════════════════════════════════
   WORLD-FIRST PREMIUM DESIGN SYSTEM v5.0
   Transformation CSS · Aurora Prism · Classic Intelligence
   Applied to: Future Self · Identity Mind · Life Simulator · Psychology
               Portfolio · Analytics · Platforms · CSTM · Dev Portal
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Keyframes ─────────────────────────────────────────────────────────── */
@keyframes wf1-float      { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-8px)} }
@keyframes wf1-orb        { 0%{transform:translate(0,0) scale(1)} 33%{transform:translate(30px,-20px) scale(1.05)} 66%{transform:translate(-20px,15px) scale(.96)} 100%{transform:translate(0,0) scale(1)} }
@keyframes wf1-scanLine   { 0%{top:-2px;opacity:.7} 100%{top:100%;opacity:0} }
@keyframes wf1-shimText   { 0%,100%{background-position:200% center} 50%{background-position:0% center} }
@keyframes wf1-fadeSlide  { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes wf1-scaleIn    { from{opacity:0;transform:scale(.93)} to{opacity:1;transform:scale(1)} }
@keyframes wf1-pulse-ring { 0%{box-shadow:0 0 0 0 var(--wf-ring-color,rgba(99,102,241,.5))} 70%{box-shadow:0 0 0 10px transparent} 100%{box-shadow:0 0 0 0 transparent} }
@keyframes wf1-spin-slow  { to{transform:rotate(360deg)} }
@keyframes wf1-badge-glow { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.3) drop-shadow(0 0 8px currentColor)} }
@keyframes wf1-counter    { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }
@keyframes wf1-shimmer-bg { 0%{background-position:-600px 0} 100%{background-position:600px 0} }

/* ── World-First Tab Hero ───────────────────────────────────────────────── */
.wf-tab-hero {
  position:relative;overflow:hidden;
  border-radius:20px;margin-bottom:24px;padding:32px 36px;
  background:var(--surface);
  border:1px solid rgba(255,255,255,.08);
  animation:wf1-scaleIn .4s var(--ease) both;
}
.wf-tab-hero::before {
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 90% at 0% 50%,var(--wf-hero-a,rgba(0,240,255,.06)),transparent 70%),
             radial-gradient(ellipse 50% 70% at 100% 50%,var(--wf-hero-b,rgba(247,206,91,.05)),transparent 70%);
}
.wf-tab-hero::after {
  content:'';position:absolute;top:-1px;left:0;right:0;height:2px;border-radius:20px 20px 0 0;
  background:var(--wf-hero-line,linear-gradient(90deg,transparent,var(--aurora-cyan),var(--aurora-gold),transparent));
}
.wf-hero-orb {
  position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;
  animation:wf1-orb 8s ease-in-out infinite;
}
.wf-hero-badge {
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fm);font-size:9px;letter-spacing:.18em;font-weight:700;
  padding:4px 14px;border-radius:99px;margin-bottom:12px;
  background:var(--wf-badge-bg,rgba(0,240,255,.08));
  border:1px solid var(--wf-badge-bd,rgba(0,240,255,.25));
  color:var(--wf-badge-col,var(--aurora-cyan));
  animation:wf1-badge-glow 3s ease-in-out infinite;
}
.wf-hero-dot { width:6px;height:6px;border-radius:50%;background:currentColor;animation:dot-bounce 1.2s ease-in-out infinite; }
.wf-hero-title {
  font-family:var(--fh);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;
  line-height:1.15;margin-bottom:10px;color:var(--text-0);letter-spacing:-.02em;
}
.wf-hero-title em {
  font-style:italic;
  background:var(--wf-title-grad,linear-gradient(135deg,var(--aurora-cyan),var(--aurora-gold)));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  background-size:200%;animation:wf1-shimText 4s ease-in-out infinite;
}
.wf-hero-desc {
  font-size:.9rem;color:var(--text-2);line-height:1.65;max-width:560px;margin-bottom:16px;
}
.wf-hero-tags { display:flex;gap:6px;flex-wrap:wrap; }
.wf-hero-tag {
  font-family:var(--fm);font-size:8.5px;letter-spacing:.1em;
  padding:3px 10px;border-radius:99px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-3);
}
.wf-hero-stat {
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:12px 18px;border-radius:12px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);flex-shrink:0;min-width:80px;
}
.wf-hero-stat-num {
  font-family:var(--fh);font-size:1.4rem;font-weight:800;
  background:var(--wf-title-grad,linear-gradient(135deg,var(--aurora-cyan),var(--aurora-gold)));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.wf-hero-stat-label { font-family:var(--fm);font-size:8px;color:var(--text-4);letter-spacing:.1em; }
.wf-hero-right { display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0; }
.wf-hero-stats-row { display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end; }

/* ── Premium Sub-tab Navigation ─────────────────────────────────────────── */
.wf-subtab-row {
  display:flex;gap:4px;flex-wrap:wrap;margin-bottom:24px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:5px;
}
.wf-subtab {
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fm);font-size:10px;letter-spacing:.06em;font-weight:600;
  padding:7px 14px;border-radius:10px;cursor:pointer;
  background:transparent;border:none;color:var(--text-3);
  transition:all .2s var(--ease);white-space:nowrap;
}
.wf-subtab:hover { color:var(--text-1);background:rgba(255,255,255,.04); }
.wf-subtab.active {
  color:var(--text-0);
  background:var(--wf-active-bg,linear-gradient(135deg,rgba(0,240,255,.15),rgba(247,206,91,.1)));
  border:1px solid var(--wf-active-bd,rgba(0,240,255,.25));
  box-shadow:0 2px 12px rgba(0,240,255,.1);
}

/* ── Premium Cards ──────────────────────────────────────────────────────── */
.wf-card {
  position:relative;overflow:hidden;
  background:var(--surface);border:1px solid rgba(255,255,255,.07);
  border-radius:18px;padding:24px;
  transition:border-color .25s,box-shadow .25s,transform .25s;
  animation:wf1-fadeSlide .35s var(--ease) both;
}
.wf-card:hover {
  border-color:var(--wf-card-hover,rgba(0,240,255,.2));
  box-shadow:0 8px 40px rgba(0,0,0,.4),0 0 0 1px var(--wf-card-hover,rgba(0,240,255,.08));
  transform:translateY(-2px);
}
.wf-card::before {
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:var(--wf-card-top,linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent));
  opacity:0;transition:opacity .3s;
}
.wf-card:hover::before { opacity:1; }
.wf-card-scan {
  position:absolute;top:-100%;left:0;right:0;height:40%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(0,240,255,.03),transparent);
  animation:wf1-scanLine 3s ease-in-out infinite;
}

/* ── World-First Feature Badge ──────────────────────────────────────────── */
.wf-feat-badge {
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--fm);font-size:8px;letter-spacing:.15em;font-weight:700;
  padding:3px 10px;border-radius:99px;
  background:linear-gradient(135deg,rgba(247,206,91,.15),rgba(247,206,91,.05));
  border:1px solid rgba(247,206,91,.35);color:var(--aurora-gold);
  background-size:200%;animation:wf1-shimText 3s ease-in-out infinite;
}
.wf-feat-badge-num {
  display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;
  background:var(--aurora-gold);color:#000;border-radius:50%;font-size:7px;font-weight:900;
}

/* ── Premium Input Fields ───────────────────────────────────────────────── */
.wf-field { display:flex;flex-direction:column;gap:6px;margin-bottom:14px; }
.wf-field label {
  font-family:var(--fm);font-size:9.5px;letter-spacing:.1em;font-weight:700;
  color:var(--text-3);text-transform:uppercase;
}
.wf-input, .wf-select, .wf-textarea {
  width:100%;padding:11px 14px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;
  color:var(--text-1);font-family:var(--fd);font-size:.88rem;
  transition:all .2s var(--ease);outline:none;resize:vertical;
}
.wf-input:focus, .wf-select:focus, .wf-textarea:focus {
  border-color:var(--wf-focus-col,var(--aurora-cyan));
  box-shadow:0 0 0 3px var(--wf-focus-glow,rgba(0,240,255,.12));
  background:rgba(255,255,255,.05);
}
.wf-input::placeholder, .wf-textarea::placeholder { color:var(--text-4); }

/* ── World-First Action Buttons ─────────────────────────────────────────── */
.wf-btn-primary {
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--fm);font-size:11px;letter-spacing:.1em;font-weight:700;
  padding:12px 24px;border-radius:12px;border:none;cursor:pointer;
  background:var(--wf-btn-bg,linear-gradient(135deg,var(--aurora-cyan),var(--aurora-violet)));
  color:#fff;transition:all .25s var(--ease);
  box-shadow:0 4px 20px var(--wf-btn-glow,rgba(0,240,255,.25));
}
.wf-btn-primary::before {
  content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;
  background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);
  transition:all .5s;
}
.wf-btn-primary:hover::before { top:100%;left:100%; }
.wf-btn-primary:hover { transform:translateY(-2px);box-shadow:0 8px 30px var(--wf-btn-glow,rgba(0,240,255,.4)); }
.wf-btn-primary:active { transform:translateY(0); }

.wf-btn-secondary {
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fm);font-size:10px;letter-spacing:.08em;font-weight:600;
  padding:9px 18px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--text-2);
  transition:all .2s var(--ease);
}
.wf-btn-secondary:hover { border-color:rgba(255,255,255,.2);color:var(--text-0);background:rgba(255,255,255,.07); }

/* ── Status Indicator ───────────────────────────────────────────────────── */
.wf-status {
  display:none;padding:10px 15px;border-radius:10px;
  font-family:var(--fm);font-size:.82rem;margin-top:10px;
  animation:wf1-fadeSlide .3s ease both;
}
.wf-status.show { display:flex;align-items:center;gap:8px; }
.wf-status.loading { background:rgba(0,240,255,.06);border:1px solid rgba(0,240,255,.2);color:var(--aurora-cyan); }
.wf-status.ok     { background:rgba(16,255,176,.06);border:1px solid rgba(16,255,176,.2);color:var(--aurora-green); }
.wf-status.error  { background:rgba(255,51,102,.06); border:1px solid rgba(255,51,102,.2); color:var(--aurora-red); }

/* ── Output Panel ───────────────────────────────────────────────────────── */
.wf-output {
  position:relative;overflow:hidden;
  background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:20px 22px;
  font-family:var(--fm);font-size:12.5px;line-height:1.85;
  color:var(--text-2);max-height:640px;overflow-y:auto;scroll-behavior:smooth;
}
.wf-output::before {
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,240,255,.25),transparent);
}
.wf-output-empty {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:200px;gap:12px;color:var(--text-4);
}
.wf-output-icon { font-size:40px;opacity:.3;animation:wf1-float 3s ease-in-out infinite; }
.wf-output-hint { font-size:11px;letter-spacing:.05em; }

/* ── Section Card Header ────────────────────────────────────────────────── */
.wf-ch {
  display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.wf-ch-icon {
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:16px;
  background:var(--wf-icon-bg,linear-gradient(135deg,rgba(0,240,255,.15),rgba(0,240,255,.05)));
  border:1px solid var(--wf-icon-bd,rgba(0,240,255,.2));
}
.wf-ch-title { font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--text-0); }
.wf-ch-sub   { font-family:var(--fm);font-size:10px;color:var(--text-4);margin-top:2px; }

/* ══ FUTURE SELF ENGINE — Crystal/Holographic ══ */
#tab-future-self, #tab-lp-future-self {
  --wf-hero-a:rgba(139,92,246,.08);
  --wf-hero-b:rgba(0,240,255,.06);
  --wf-hero-line:linear-gradient(90deg,transparent,#8b5cf6,#00f0ff,transparent);
  --wf-title-grad:linear-gradient(135deg,#8b5cf6,#00f0ff,#f7ce5b);
  --wf-badge-bg:rgba(139,92,246,.1);
  --wf-badge-bd:rgba(139,92,246,.3);
  --wf-badge-col:#c084fc;
  --wf-btn-bg:linear-gradient(135deg,#8b5cf6,#4f8fff);
  --wf-btn-glow:rgba(139,92,246,.35);
  --wf-focus-col:#8b5cf6;
  --wf-focus-glow:rgba(139,92,246,.12);
  --wf-active-bg:linear-gradient(135deg,rgba(139,92,246,.15),rgba(79,143,255,.1));
  --wf-active-bd:rgba(139,92,246,.3);
  --wf-card-hover:rgba(139,92,246,.2);
  --wf-card-top:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent);
  --wf-icon-bg:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05));
  --wf-icon-bd:rgba(139,92,246,.25);
}
#tab-future-self .fs-panel, #tab-lp-future-self .fs-panel { animation:wf1-fadeSlide .3s ease both; }

/* ══ TALK TO FUTURE ME — Chat Interface ══ */
#tab-ai-self-chat {
  --wf-hero-a:rgba(0,240,255,.07);
  --wf-hero-b:rgba(16,255,176,.05);
  --wf-title-grad:linear-gradient(135deg,#00f0ff,#10ffb0);
  --wf-btn-bg:linear-gradient(135deg,#00c9b8,#4f8fff);
  --wf-btn-glow:rgba(0,201,184,.3);
  --wf-focus-col:var(--aurora-cyan);
  --wf-focus-glow:rgba(0,240,255,.12);
}
.wf-chat-wrap {
  display:flex;flex-direction:column;height:460px;
  background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;
}
.wf-chat-messages {
  flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;
}
.wf-chat-msg { display:flex;gap:10px;animation:wf1-fadeSlide .25s ease both;max-width:88%; }
.wf-chat-msg.user { align-self:flex-end;flex-direction:row-reverse; }
.wf-chat-msg.ai   { align-self:flex-start; }
.wf-chat-avatar {
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:16px;
  border:1.5px solid rgba(255,255,255,.12);
}
.wf-chat-msg.user .wf-chat-avatar { background:linear-gradient(135deg,#6366f1,#8b5cf6); }
.wf-chat-msg.ai   .wf-chat-avatar { background:linear-gradient(135deg,#0f172a,#1e293b); }
.wf-chat-bubble { padding:10px 14px;border-radius:14px;font-size:.87rem;line-height:1.6;max-width:100%; }
.wf-chat-msg.user .wf-chat-bubble {
  background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(139,92,246,.15));
  border:1px solid rgba(99,102,241,.3);color:var(--text-1);border-radius:14px 4px 14px 14px;
}
.wf-chat-msg.ai   .wf-chat-bubble {
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:var(--text-2);border-radius:4px 14px 14px 14px;
}
.wf-chat-persona { font-family:var(--fm);font-size:8px;letter-spacing:.1em;font-weight:700;margin-bottom:4px;color:var(--text-4); }
.wf-chat-input-row {
  display:flex;gap:8px;padding:12px 14px;
  background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06);
}
.wf-persona-grid { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0; }
.wf-persona-card {
  padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .2s;
  border:1.5px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);font-size:.82rem;
}
.wf-persona-card.active { border-color:var(--aurora-cyan);background:rgba(0,240,255,.06); }
.wf-persona-card:hover  { transform:translateY(-1px);border-color:rgba(255,255,255,.15); }
.wf-persona-label { font-family:var(--fm);font-size:8.5px;font-weight:700;letter-spacing:.08em;margin-bottom:4px; }

/* ══ IDENTITY MIND — Bio-Scan ══ */
#tab-identity-mind {
  --wf-hero-a:rgba(16,255,176,.07);
  --wf-hero-b:rgba(0,240,255,.05);
  --wf-hero-line:linear-gradient(90deg,transparent,#10ffb0,#00f0ff,transparent);
  --wf-title-grad:linear-gradient(135deg,#10ffb0,#00f0ff);
  --wf-badge-bg:rgba(16,255,176,.08);
  --wf-badge-bd:rgba(16,255,176,.3);
  --wf-badge-col:var(--aurora-green);
  --wf-btn-bg:linear-gradient(135deg,#10ffb0,#00c9b8);
  --wf-btn-glow:rgba(16,255,176,.3);
  --wf-focus-col:var(--aurora-green);
  --wf-focus-glow:rgba(16,255,176,.12);
  --wf-active-bg:linear-gradient(135deg,rgba(16,255,176,.12),rgba(0,240,255,.08));
  --wf-active-bd:rgba(16,255,176,.3);
  --wf-card-hover:rgba(16,255,176,.15);
  --wf-card-top:linear-gradient(90deg,transparent,rgba(16,255,176,.35),transparent);
  --wf-icon-bg:linear-gradient(135deg,rgba(16,255,176,.12),rgba(16,255,176,.04));
  --wf-icon-bd:rgba(16,255,176,.2);
}
.wf-dim-bar { display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.83rem; }
.wf-dim-label { width:140px;flex-shrink:0;color:var(--text-2);font-family:var(--fm);font-size:10px; }
.wf-dim-track { flex:1;height:7px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden; }
.wf-dim-fill  { height:100%;border-radius:99px;transition:width .8s var(--ease-spring);background:linear-gradient(90deg,var(--aurora-green),var(--aurora-cyan)); }
.wf-dim-score { width:28px;text-align:right;font-family:var(--fm);font-size:10px;font-weight:700;color:var(--aurora-green); }

/* ══ LIFE SIMULATOR — Matrix / Amber ══ */
#tab-life-sim {
  --wf-hero-a:rgba(255,107,53,.07);
  --wf-hero-b:rgba(247,206,91,.06);
  --wf-hero-line:linear-gradient(90deg,transparent,#ff6b35,#f7ce5b,transparent);
  --wf-title-grad:linear-gradient(135deg,#ff6b35,#f7ce5b);
  --wf-badge-bg:rgba(255,107,53,.1);
  --wf-badge-bd:rgba(255,107,53,.3);
  --wf-badge-col:var(--aurora-fire);
  --wf-btn-bg:linear-gradient(135deg,#ff6b35,#f7ce5b);
  --wf-btn-glow:rgba(255,107,53,.35);
  --wf-focus-col:var(--aurora-fire);
  --wf-focus-glow:rgba(255,107,53,.12);
  --wf-active-bg:linear-gradient(135deg,rgba(255,107,53,.14),rgba(247,206,91,.08));
  --wf-active-bd:rgba(255,107,53,.3);
  --wf-card-hover:rgba(255,107,53,.15);
  --wf-card-top:linear-gradient(90deg,transparent,rgba(255,107,53,.35),transparent);
  --wf-icon-bg:linear-gradient(135deg,rgba(255,107,53,.12),rgba(255,107,53,.04));
  --wf-icon-bd:rgba(255,107,53,.22);
}
.wf-parallel-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.wf-parallel-lane { padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden; }
.wf-parallel-lane.lane-a { border-color:rgba(0,240,255,.2);background:rgba(0,240,255,.03); }
.wf-parallel-lane.lane-b { border-color:rgba(255,107,53,.2);background:rgba(255,107,53,.03); }
.wf-lane-header { font-family:var(--fm);font-size:9px;letter-spacing:.15em;font-weight:700;margin-bottom:8px;text-transform:uppercase; }
.lane-a .wf-lane-header { color:var(--aurora-cyan); }
.lane-b .wf-lane-header { color:var(--aurora-fire); }

/* ══ PSYCHOLOGY LAYER — Mind / Neural ══ */
#tab-psychology-layer {
  --wf-hero-a:rgba(255,51,102,.07);
  --wf-hero-b:rgba(255,107,53,.05);
  --wf-hero-line:linear-gradient(90deg,transparent,#ff3366,#ff6b35,transparent);
  --wf-title-grad:linear-gradient(135deg,#ff3366,#ff6b35);
  --wf-badge-bg:rgba(255,51,102,.08);
  --wf-badge-bd:rgba(255,51,102,.3);
  --wf-badge-col:var(--aurora-red);
  --wf-btn-bg:linear-gradient(135deg,#ff3366,#8b5cf6);
  --wf-btn-glow:rgba(255,51,102,.3);
  --wf-focus-col:var(--aurora-red);
  --wf-focus-glow:rgba(255,51,102,.12);
  --wf-active-bg:linear-gradient(135deg,rgba(255,51,102,.12),rgba(255,107,53,.08));
  --wf-active-bd:rgba(255,51,102,.28);
  --wf-card-hover:rgba(255,51,102,.15);
  --wf-card-top:linear-gradient(90deg,transparent,rgba(255,51,102,.35),transparent);
  --wf-icon-bg:linear-gradient(135deg,rgba(255,51,102,.12),rgba(255,51,102,.04));
  --wf-icon-bd:rgba(255,51,102,.22);
}
.wf-burnout-ring {
  width:90px;height:90px;border-radius:50%;
  border:6px solid transparent;background:rgba(255,255,255,.04);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;flex-shrink:0;
  --wf-ring-color:rgba(255,51,102,.5);animation:wf1-pulse-ring 2.5s ease-in-out infinite;
}
.wf-burnout-score { font-family:var(--fh);font-size:22px;font-weight:800;line-height:1; }
.wf-burnout-label { font-family:var(--fm);font-size:8px;letter-spacing:.08em;color:var(--text-4); }

/* ══ JOB PLATFORM HUB — Global 2000+ ══ */
#tab-platforms {
  --wf-hero-a:rgba(79,143,255,.07);
  --wf-hero-b:rgba(0,201,184,.05);
  --wf-hero-line:linear-gradient(90deg,transparent,#4f8fff,#00c9b8,transparent);
  --wf-title-grad:linear-gradient(135deg,#4f8fff,#00c9b8);
}
.wf-plat-hero {
  position:relative;border-radius:20px;padding:28px 32px;margin-bottom:20px;overflow:hidden;
  background:var(--surface);border:1px solid rgba(79,143,255,.2);
  background-image:radial-gradient(ellipse 60% 80% at 0% 50%,rgba(79,143,255,.07),transparent),
                   radial-gradient(ellipse 40% 60% at 100% 50%,rgba(0,201,184,.06),transparent);
}
.wf-plat-hero::after {
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#4f8fff,#00c9b8,transparent);
}
.wf-plat-count {
  font-family:var(--fh);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1;
  background:linear-gradient(135deg,#4f8fff,#00c9b8,#f7ce5b);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.wf-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:14px;padding:14px;
}
.wf-plat-search {
  width:100%;padding:11px 16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:10px;color:var(--text-1);font-size:.88rem;outline:none;transition:all .2s;
}
.wf-plat-search:focus { border-color:rgba(79,143,255,.4);box-shadow:0 0 0 3px rgba(79,143,255,.1); }
.wf-plat-filters { display:flex;gap:5px;flex-wrap:wrap; }
.wf-plat-filter {
  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;
}
.wf-plat-filter:hover { border-color:rgba(79,143,255,.3);color:#4f8fff; }
.wf-plat-filter.active { background:rgba(79,143,255,.12);border-color:rgba(79,143,255,.35);color:#4f8fff; }
.wf-plat-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px; }
.wf-plat-card {
  position:relative;padding:12px 14px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);transition:all .2s;
}
.wf-plat-card:hover {
  background:rgba(79,143,255,.06);border-color:rgba(79,143,255,.25);
  transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.35);
}
.wf-plat-name  { font-weight:700;font-size:.88rem;color:var(--text-0);margin-bottom:3px; }
.wf-plat-meta  { font-family:var(--fm);font-size:9px;color:var(--text-4); }
.wf-plat-spec  { font-family:var(--fm);font-size:9px;color:var(--text-3);margin-top:3px; }
.wf-plat-badge {
  position:absolute;top:8px;right:8px;
  font-family:var(--fm);font-size:7.5px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:99px;
}
.wf-plat-badge.S { background:rgba(247,206,91,.15);border:1px solid rgba(247,206,91,.3);color:var(--aurora-gold); }
.wf-plat-badge.A { background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.25);color:var(--aurora-cyan); }
.wf-plat-badge.B { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-3); }
.wf-plat-link {
  display:inline-flex;align-items:center;gap:4px;margin-top:6px;
  font-family:var(--fm);font-size:9px;color:var(--aurora-cyan);text-decoration:none;opacity:0;transition:opacity .2s;
}
.wf-plat-card:hover .wf-plat-link { opacity:1; }
.wf-plat-total-bar {
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 12px;border-radius:10px;margin-bottom:14px;
  background:rgba(79,143,255,.06);border:1px solid rgba(79,143,255,.15);
  font-family:var(--fm);font-size:10px;color:var(--text-3);
}
.wf-plat-total-bar strong { color:var(--aurora-cyan); }

/* ══ PORTFOLIO ENGINE ══ */
#tab-portfolio {
  --wf-hero-a:rgba(0,229,255,.07);
  --wf-hero-b:rgba(247,206,91,.05);
  --wf-title-grad:linear-gradient(135deg,#00e5ff,#f7ce5b);
}
.wf-pf-action-bar {
  display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}
.wf-pf-action {
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;
  font-family:var(--fm);font-size:9.5px;font-weight:600;letter-spacing:.05em;cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--text-2);transition:all .2s;
}
.wf-pf-action:hover { border-color:rgba(247,206,91,.3);color:var(--aurora-gold);background:rgba(247,206,91,.06); }
.wf-pf-action.primary { background:linear-gradient(135deg,rgba(247,206,91,.15),rgba(247,206,91,.05));border-color:rgba(247,206,91,.35);color:var(--aurora-gold); }

/* ══ PERFORMANCE ANALYTICS — Dashboard ══ */
#tab-analytics {
  --wf-hero-a:rgba(16,255,176,.06);
  --wf-hero-b:rgba(0,240,255,.05);
  --wf-title-grad:linear-gradient(135deg,#10ffb0,#00f0ff);
}
.wf-analytics-hero {
  border-radius:20px;padding:24px 28px;margin-bottom:20px;
  background:var(--surface);border:1px solid rgba(16,255,176,.15);
  background-image:radial-gradient(ellipse 60% 80% at 0%,rgba(16,255,176,.05),transparent);
  position:relative;overflow:hidden;
}
.wf-analytics-hero::after {
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#10ffb0,#00f0ff,transparent);
}
.wf-kpi-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:20px; }
.wf-kpi-card {
  padding:14px 16px;border-radius:12px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);transition:all .2s;
}
.wf-kpi-card:hover { border-color:rgba(16,255,176,.2);transform:translateY(-1px); }
.wf-kpi-val   { font-family:var(--fh);font-size:1.6rem;font-weight:800;color:var(--aurora-green); }
.wf-kpi-label { font-family:var(--fm);font-size:9px;color:var(--text-4);margin-top:3px;letter-spacing:.06em; }
.wf-kpi-delta { font-family:var(--fm);font-size:9px;margin-top:4px; }
.wf-kpi-delta.up  { color:var(--aurora-green); }
.wf-kpi-delta.dwn { color:var(--aurora-red); }
.wf-badge-grid-premium { display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px; }
.wf-badge-card {
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;
  border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);transition:all .25s;cursor:default;
}
.wf-badge-card.earned { border-color:rgba(247,206,91,.25);background:rgba(247,206,91,.05); }
.wf-badge-card:hover  { transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3); }
.wf-badge-icon { font-size:26px;animation:wf1-float 3s ease-in-out infinite; }
.wf-badge-name { font-family:var(--fm);font-size:8.5px;font-weight:700;color:var(--text-3); }
.wf-badge-desc { font-size:9px;color:var(--text-4); }
.wf-tl-item {
  display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);
  animation:wf1-fadeSlide .3s ease both;
}
.wf-tl-dot  { width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px;background:var(--aurora-cyan);box-shadow:0 0 6px rgba(0,240,255,.5); }
.wf-tl-action { font-size:.85rem;color:var(--text-1);flex:1; }
.wf-tl-time   { font-family:var(--fm);font-size:10px;color:var(--text-4);flex-shrink:0; }

/* ══ CSTM-1 INTELLIGENCE — AI Purple ══ */
#tab-cstm-intel {
  --wf-hero-a:rgba(99,102,241,.08);
  --wf-hero-b:rgba(139,92,246,.06);
  --wf-hero-line:linear-gradient(90deg,transparent,#6366f1,#8b5cf6,transparent);
  --wf-title-grad:linear-gradient(135deg,#6366f1,#8b5cf6,#c084fc);
  --wf-badge-bg:rgba(99,102,241,.1);
  --wf-badge-bd:rgba(99,102,241,.3);
  --wf-badge-col:#a5b4fc;
  --wf-btn-bg:linear-gradient(135deg,#6366f1,#8b5cf6);
  --wf-btn-glow:rgba(99,102,241,.35);
  --wf-focus-col:#6366f1;
  --wf-focus-glow:rgba(99,102,241,.15);
  --wf-active-bg:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.08));
  --wf-active-bd:rgba(99,102,241,.35);
  --wf-card-hover:rgba(99,102,241,.2);
  --wf-card-top:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent);
  --wf-icon-bg:linear-gradient(135deg,rgba(99,102,241,.15),rgba(99,102,241,.05));
  --wf-icon-bd:rgba(99,102,241,.25);
}
.wf-insight-row {
  display:flex;align-items:flex-start;gap:8px;padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.04);font-size:.84rem;animation:wf1-fadeSlide .25s ease both;
}
.wf-insight-dot { width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px; }
.wf-insight-dot.good { background:var(--aurora-green);box-shadow:0 0 5px rgba(16,255,176,.5); }
.wf-insight-dot.bad  { background:var(--aurora-red);box-shadow:0 0 5px rgba(255,51,102,.5); }
.wf-insight-dot.warn { background:var(--aurora-amber);box-shadow:0 0 5px rgba(255,170,0,.5); }
.wf-keyword-grid { display:flex;flex-wrap:wrap;gap:5px;margin-top:6px; }
.wf-keyword { font-family:var(--fm);font-size:9px;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-3); }
.wf-keyword.missing { background:rgba(255,51,102,.08);border-color:rgba(255,51,102,.25);color:var(--aurora-red); }
.wf-keyword.present { background:rgba(16,255,176,.07);border-color:rgba(16,255,176,.2);color:var(--aurora-green); }

/* ══ DATA INTELLIGENCE AGENT — Amber Scan ══ */
#tab-data-intel {
  --wf-hero-a:rgba(255,170,0,.07);
  --wf-hero-b:rgba(255,107,53,.05);
  --wf-hero-line:linear-gradient(90deg,transparent,#ffaa00,#ff6b35,transparent);
  --wf-title-grad:linear-gradient(135deg,#ffaa00,#ff6b35);
  --wf-badge-bg:rgba(255,170,0,.08);
  --wf-badge-bd:rgba(255,170,0,.3);
  --wf-badge-col:var(--aurora-amber);
  --wf-btn-bg:linear-gradient(135deg,#ffaa00,#ff6b35);
  --wf-btn-glow:rgba(255,170,0,.3);
  --wf-focus-col:var(--aurora-amber);
  --wf-focus-glow:rgba(255,170,0,.12);
  --wf-card-hover:rgba(255,170,0,.15);
}
.wf-data-scan-bar {
  display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;
  background:rgba(255,170,0,.06);border:1px solid rgba(255,170,0,.2);margin-bottom:8px;
  font-family:var(--fm);font-size:10px;animation:wf1-fadeSlide .3s ease both;
}
.wf-scan-dot { width:7px;height:7px;border-radius:50%;background:var(--aurora-amber);animation:dot-bounce 1s ease-in-out infinite; }
.wf-data-pill {
  display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;
  font-family:var(--fm);font-size:9px;font-weight:600;margin:3px;
  background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.2);color:var(--aurora-amber);
}
.wf-data-pill.hot  { background:rgba(255,51,102,.08);border-color:rgba(255,51,102,.25);color:var(--aurora-red); }
.wf-data-pill.cold { background:rgba(79,143,255,.08);border-color:rgba(79,143,255,.25);color:var(--aurora-blue); }
.wf-data-pill.rise { background:rgba(16,255,176,.07);border-color:rgba(16,255,176,.2);color:var(--aurora-green); }
.wf-data-pill.fall { background:rgba(255,107,53,.08);border-color:rgba(255,107,53,.25);color:var(--aurora-fire); }

/* ══ MODEL INTELLIGENCE — System Status ══ */
#tab-model-intel {
  --wf-hero-a:rgba(79,143,255,.07);
  --wf-hero-b:rgba(0,240,255,.05);
  --wf-title-grad:linear-gradient(135deg,#4f8fff,#00f0ff);
  --wf-btn-bg:linear-gradient(135deg,#4f8fff,#00c9b8);
  --wf-btn-glow:rgba(79,143,255,.3);
}
.wf-model-status-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.wf-model-status-card { padding:14px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);transition:all .2s; }
.wf-model-status-card:hover { border-color:rgba(79,143,255,.25);transform:translateY(-1px); }
.wf-model-name { font-family:var(--fh);font-size:.95rem;font-weight:700;margin-bottom:6px;color:var(--text-0); }
.wf-model-live-dot { width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--aurora-green);box-shadow:0 0 6px rgba(16,255,176,.6);animation:dot-bounce 1.5s ease-in-out infinite; }
.wf-freshness-bar  { height:4px;border-radius:99px;background:rgba(255,255,255,.06);margin-top:8px;overflow:hidden; }
.wf-freshness-fill { height:100%;border-radius:99px;background:linear-gradient(90deg,var(--aurora-cyan),var(--aurora-green));transition:width 1s var(--ease); }

/* ══ DEVELOPER PORTAL — Terminal Green ══ */
#tab-dev-portal {
  --wf-hero-a:rgba(16,255,176,.06);
  --wf-hero-b:rgba(0,240,255,.05);
  --wf-hero-line:linear-gradient(90deg,transparent,#10ffb0,#00f0ff,transparent);
  --wf-title-grad:linear-gradient(135deg,#10ffb0,#00f0ff);
  --wf-badge-bg:rgba(16,255,176,.08);
  --wf-badge-bd:rgba(16,255,176,.3);
  --wf-badge-col:var(--aurora-green);
  --wf-btn-bg:linear-gradient(135deg,#10ffb0,#00c9b8);
  --wf-btn-glow:rgba(16,255,176,.3);
  --wf-card-hover:rgba(16,255,176,.12);
  --wf-card-top:linear-gradient(90deg,transparent,rgba(16,255,176,.35),transparent);
}
.wf-terminal { background:#010206;border:1px solid rgba(16,255,176,.2);border-radius:12px;overflow:hidden;font-family:var(--fm);font-size:12px; }
.wf-terminal-bar { display:flex;align-items:center;gap:7px;padding:8px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06); }
.wf-terminal-dot { width:10px;height:10px;border-radius:50%; }
.wf-terminal-dot:nth-child(1){background:#ff5f57} .wf-terminal-dot:nth-child(2){background:#febc2e} .wf-terminal-dot:nth-child(3){background:#28c840}
.wf-terminal-title { margin-left:8px;font-size:10px;color:var(--text-4);letter-spacing:.08em; }
.wf-terminal-body  { padding:16px;color:#10ffb0;line-height:2;min-height:80px; }
.wf-terminal-body .cmd { color:#00e5ff; }
.wf-terminal-body .out { color:rgba(255,255,255,.5); }
.wf-terminal-body .key { color:#f7ce5b; }
.wf-terminal-body .str { color:#a8ff78; }
.wf-api-endpoint {
  display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);
  margin-bottom:6px;font-family:var(--fm);font-size:.83rem;transition:all .2s;cursor:pointer;
}
.wf-api-endpoint:hover { border-color:rgba(16,255,176,.25);background:rgba(16,255,176,.04); }
.wf-method-badge { font-size:8.5px;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:4px;flex-shrink:0; }
.wf-method-badge.POST { background:rgba(16,255,176,.15);color:var(--aurora-green); }
.wf-method-badge.GET  { background:rgba(79,143,255,.15);color:var(--aurora-blue); }
.wf-method-badge.PUT  { background:rgba(255,170,0,.15);color:var(--aurora-amber); }
.wf-method-badge.DEL  { background:rgba(255,51,102,.15);color:var(--aurora-red); }
.wf-api-path { color:var(--text-1);flex:1; }
.wf-api-desc { font-size:10px;color:var(--text-4); }
.wf-apikey-wrap {
  display:flex;align-items:center;gap:8px;padding:10px 14px;
  background:rgba(0,0,0,.35);border:1px solid rgba(16,255,176,.2);border-radius:10px;font-family:var(--fm);font-size:11px;
}
.wf-apikey-label { color:var(--aurora-green);flex-shrink:0;font-weight:700; }
.wf-apikey-val   { flex:1;color:var(--text-1);word-break:break-all; }
.wf-copy-btn {
  padding:4px 10px;border-radius:6px;font-family:var(--fm);font-size:9px;cursor:pointer;
  background:rgba(16,255,176,.1);border:1px solid rgba(16,255,176,.25);color:var(--aurora-green);transition:all .15s;flex-shrink:0;
}
.wf-copy-btn:hover { background:rgba(16,255,176,.18); }

/* ══ CAREER AI MODEL PLATFORM — Spectrum ══ */
#tab-camp {
  --wf-hero-a:rgba(99,102,241,.07);
  --wf-hero-b:rgba(247,206,91,.05);
  --wf-hero-line:linear-gradient(90deg,transparent,#6366f1,#f7ce5b,#10ffb0,transparent);
  --wf-title-grad:linear-gradient(135deg,#6366f1,#f7ce5b,#10ffb0);
  --wf-btn-bg:linear-gradient(135deg,#6366f1,#8b5cf6);
  --wf-btn-glow:rgba(99,102,241,.35);
}
.wf-model-family-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px; }
.wf-model-family {
  position:relative;overflow:hidden;padding:18px;border-radius:16px;
  background:var(--surface);border:1px solid rgba(255,255,255,.07);transition:all .25s;
}
.wf-model-family:hover { transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.5); }
.wf-model-family::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--wf-mf-color,rgba(99,102,241,.6)); }
.wf-mf-icon { font-size:28px;margin-bottom:10px; }
.wf-mf-name { font-family:var(--fh);font-size:1rem;font-weight:800;margin-bottom:4px;color:var(--text-0); }
.wf-mf-desc { font-size:.82rem;color:var(--text-3);line-height:1.5;margin-bottom:10px; }
.wf-mf-badge {
  display:inline-flex;align-items:center;gap:4px;font-family:var(--fm);font-size:8px;font-weight:700;letter-spacing:.1em;
  padding:3px 9px;border-radius:99px;
  background:var(--wf-mf-bg,rgba(99,102,241,.1));border:1px solid var(--wf-mf-bd,rgba(99,102,241,.3));color:var(--wf-mf-color,#a5b4fc);
}
.wf-mf-text  { --wf-mf-color:#a5b4fc;--wf-mf-bg:rgba(99,102,241,.1);--wf-mf-bd:rgba(99,102,241,.25); }
.wf-mf-voice { --wf-mf-color:#00f0ff;--wf-mf-bg:rgba(0,240,255,.08);--wf-mf-bd:rgba(0,240,255,.25); }
.wf-mf-video { --wf-mf-color:#f472b6;--wf-mf-bg:rgba(244,114,182,.08);--wf-mf-bd:rgba(244,114,182,.25); }
.wf-mf-embed { --wf-mf-color:#10ffb0;--wf-mf-bg:rgba(16,255,176,.07);--wf-mf-bd:rgba(16,255,176,.2); }
.wf-mf-agent { --wf-mf-color:#f7ce5b;--wf-mf-bg:rgba(247,206,91,.1);--wf-mf-bd:rgba(247,206,91,.3); }
.wf-mf-score { --wf-mf-color:#ff6b35;--wf-mf-bg:rgba(255,107,53,.08);--wf-mf-bd:rgba(255,107,53,.25); }
.wf-mf-intel { --wf-mf-color:#8b5cf6;--wf-mf-bg:rgba(139,92,246,.08);--wf-mf-bd:rgba(139,92,246,.25); }

/* ══ CSTM-2 DEVELOPER API — 7 Families ══ */
#tab-cstm2 {
  --wf-hero-a:rgba(139,92,246,.08);
  --wf-hero-b:rgba(0,240,255,.06);
  --wf-hero-line:linear-gradient(90deg,transparent,#8b5cf6,#00f0ff,transparent);
  --wf-title-grad:linear-gradient(135deg,#8b5cf6,#00f0ff,#f7ce5b);
  --wf-btn-bg:linear-gradient(135deg,#8b5cf6,#6366f1);
  --wf-btn-glow:rgba(139,92,246,.35);
}
.wf-cstm2-hero {
  position:relative;border-radius:20px;padding:28px 32px;margin-bottom:20px;overflow:hidden;background:var(--surface);
  border:1px solid rgba(139,92,246,.2);
  background-image:radial-gradient(ellipse 50% 70% at 0%,rgba(139,92,246,.08),transparent),
                   radial-gradient(ellipse 40% 60% at 100%,rgba(0,240,255,.06),transparent);
}
.wf-cstm2-hero::after { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,#00f0ff,#f7ce5b,transparent); }
.wf-family-chip {
  display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:99px;
  font-family:var(--fm);font-size:9px;font-weight:700;cursor:pointer;transition:all .2s;margin:3px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-3);
}
.wf-family-chip:hover, .wf-family-chip.active { color:var(--text-0);transform:translateY(-1px); }
.wf-family-chip.active { box-shadow:0 4px 14px rgba(0,0,0,.3); }
.wf-code-block { background:#010206;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin-top:10px; }
.wf-code-bar {
  display:flex;align-items:center;justify-content:space-between;padding:8px 14px;
  background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06);
  font-family:var(--fm);font-size:9px;color:var(--text-4);
}
.wf-code-body { padding:16px;color:#e2e8f0;line-height:1.9;font-family:var(--fm);font-size:11.5px;overflow-x:auto;white-space:pre; }
.wf-code-body .token-key  { color:#f7ce5b; }
.wf-code-body .token-str  { color:#a8ff78; }
.wf-code-body .token-num  { color:#00f0ff; }
.wf-code-body .token-bool { color:#f472b6; }
.wf-code-body .token-fn   { color:#c084fc; }
.wf-code-body .token-cmt  { color:#475569;font-style:italic; }
.wf-lang-tabs { display:flex;gap:2px;flex-wrap:wrap;margin-bottom:12px; }
.wf-lang-tab { padding:5px 12px;border-radius:7px 7px 0 0;cursor:pointer;font-family:var(--fm);font-size:9.5px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--text-3);border-bottom:none;transition:all .15s; }
.wf-lang-tab.active { background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3);color:#a5b4fc; }

/* ══ CAREER TRANSFORMER ENGINE — NER Purple ══ */
#tab-transformer {
  --wf-hero-a:rgba(139,92,246,.07);
  --wf-hero-b:rgba(244,114,182,.05);
  --wf-hero-line:linear-gradient(90deg,transparent,#8b5cf6,#f472b6,transparent);
  --wf-title-grad:linear-gradient(135deg,#8b5cf6,#f472b6);
  --wf-badge-bg:rgba(139,92,246,.08);
  --wf-badge-bd:rgba(139,92,246,.3);
  --wf-badge-col:#c084fc;
  --wf-btn-bg:linear-gradient(135deg,#8b5cf6,#f472b6);
  --wf-btn-glow:rgba(139,92,246,.35);
  --wf-focus-col:#8b5cf6;
  --wf-focus-glow:rgba(139,92,246,.15);
  --wf-card-hover:rgba(139,92,246,.15);
}
.wf-entity-chip {
  display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;
  font-size:10px;font-weight:600;margin:2px;transition:all .2s;cursor:default;
}
.wf-entity-chip.skill { background:rgba(16,255,176,.1);border:1px solid rgba(16,255,176,.25);color:var(--aurora-green); }
.wf-entity-chip.role  { background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.25);color:var(--aurora-cyan); }
.wf-entity-chip.org   { background:rgba(247,206,91,.1);border:1px solid rgba(247,206,91,.25);color:var(--aurora-gold); }
.wf-entity-chip.loc   { background:rgba(79,143,255,.1);border:1px solid rgba(79,143,255,.25);color:var(--aurora-blue); }
.wf-entity-chip.cert  { background:rgba(244,114,182,.1);border:1px solid rgba(244,114,182,.25);color:#f472b6; }
.wf-graph-node {
  display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;margin:4px;font-size:.82rem;
  transition:transform .2s,box-shadow .2s;cursor:pointer;
}
.wf-graph-node:hover { transform:scale(1.05);box-shadow:0 4px 14px rgba(0,0,0,.4); }
.wf-graph-node.center { background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(244,114,182,.15));border:2px solid rgba(139,92,246,.4);color:var(--text-0);font-weight:700; }
.wf-usage-bar-wrap { display:flex;align-items:center;gap:10px;margin-bottom:8px;font-family:var(--fm);font-size:11px; }
.wf-usage-bar-track { flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden; }
.wf-usage-bar-fill  { height:100%;border-radius:99px;background:linear-gradient(90deg,#8b5cf6,#f472b6);transition:width .8s var(--ease); }
.wf-usage-label { width:100px;color:var(--text-3); }
.wf-usage-val   { width:50px;text-align:right;font-weight:700;color:var(--text-1); }

/* ══ UNIVERSAL DECORATORS ══ */
.wf-stamp {
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fm);font-size:7.5px;letter-spacing:.2em;font-weight:900;padding:3px 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,.4);color:var(--aurora-gold);background-size:200%;animation:wf1-shimText 3s ease-in-out infinite;
}
.wf-stamp::before { content:'🏆'; }
.wf-live {
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--fm);font-size:8px;letter-spacing:.15em;font-weight:700;padding:3px 10px;border-radius:99px;
  background:rgba(255,51,102,.08);border:1px solid rgba(255,51,102,.25);color:var(--aurora-red);
}
.wf-live-dot { width:6px;height:6px;border-radius:50%;background:var(--aurora-red);animation:dot-bounce 1s ease-in-out infinite; }
.wf-ai-badge {
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--fm);font-size:8px;letter-spacing:.12em;font-weight:700;padding:3px 10px;border-radius:99px;
  background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.25);color:var(--aurora-cyan);
}
.wf-section-divider { display:flex;align-items:center;gap:12px;margin:20px 0; }
.wf-section-divider-line  { flex:1;height:1px;background:rgba(255,255,255,.06); }
.wf-section-divider-label { font-family:var(--fm);font-size:9px;letter-spacing:.14em;color:var(--text-4);white-space:nowrap; }
/* Number counter animation */
.wf-counter { animation:wf1-counter .5s ease both; }

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media(max-width:900px) {
  .wf-tab-hero { padding:22px 24px; }
  .wf-hero-title { font-size:1.4rem; }
  .wf-parallel-grid { grid-template-columns:1fr; }
  .wf-plat-grid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); }
  .wf-model-family-grid { grid-template-columns:1fr; }
  .wf-cstm2-hero { padding:22px 24px; }
  .wf-plat-count { font-size:2rem; }
  .wf-hero-right { align-items:flex-start; }
}
@media(max-width:600px) {
  .wf-subtab-row { padding:4px; }
  .wf-subtab { padding:6px 10px;font-size:9px; }
  .wf-kpi-grid { grid-template-columns:repeat(2,1fr); }
  .wf-code-body { font-size:10px; }
  .wf-persona-grid { grid-template-columns:1fr; }
  .wf-tab-hero { padding:18px 20px; }
}