/* NexousHub landing - Recruit page styles.
   NOTE: the original global stylesheet defining these classes was not in the zip,
   so this file is reconstructed from the class names used by Recruit.tsx. */

.recruit-landing-container {
  position: relative;
  color: var(--text-secondary, rgba(255, 255, 255, 0.6));
}

.hero-badge { letter-spacing: 0.04em; }
.section-tag { letter-spacing: 0.12em; }
.recruit-section-tag { letter-spacing: 0.02em; }

/* Metrics bar */
.rec-metric-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: all 0.3s ease;
}
.rec-metric-item:hover {
  background: rgba(79, 142, 247, 0.08);
  border-color: rgba(79, 142, 247, 0.25);
  transform: translateY(-3px);
}
.rec-metric-num {
  font-size: 1.75rem;
  font-weight: 800;
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #fff, rgba(255, 255, 255, 0.7));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 480px) {
  .rec-metrics-bar .grid { grid-template-columns: 1fr !important; }
}

/* Feature cards */
.rec-feat-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 28px;
  transition: all 0.3s ease;
}
.rec-feat-card:hover { transform: translateY(-4px); box-shadow: 0 16px 50px rgba(0, 0, 0, 0.3); }
.rec-feat-card[data-color="blue"]:hover   { border-color: rgba(79, 142, 247, 0.4); }
.rec-feat-card[data-color="cyan"]:hover   { border-color: rgba(6, 182, 212, 0.4); }
.rec-feat-card[data-color="purple"]:hover { border-color: rgba(139, 92, 246, 0.4); }
.rec-feat-card[data-color="green"]:hover  { border-color: rgba(16, 185, 129, 0.4); }
.rec-feat-card[data-color="amber"]:hover  { border-color: rgba(245, 158, 11, 0.4); }
.rec-feat-card[data-color="pink"]:hover   { border-color: rgba(236, 72, 153, 0.4); }

/* Light theme */
[data-theme="light"] .recruit-landing-container { color: #475569; }
[data-theme="light"] .recruit-landing-container .text-white { color: #0f172a; }
[data-theme="light"] .recruit-landing-container .text-white\/60 { color: #475569; }
[data-theme="light"] .rec-metric-item,
[data-theme="light"] .rec-feat-card { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); }
[data-theme="light"] .rec-metric-num { background: linear-gradient(135deg, #1e293b, #334155); -webkit-background-clip: text; background-clip: text; }