/* NexousHub landing - Meetings 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 Meetings.tsx. */

.meetings-landing-container {
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.meetings-hero-grid::before {
  content: '';
  position: absolute;
  inset: -80px -40px auto auto;
  width: 520px;
  height: 520px;
  background: radial-gradient(circle, rgba(79, 142, 247, 0.12), transparent 70%);
  pointer-events: none;
  z-index: -1;
}

.section-tag { letter-spacing: 0.12em; }

/* Metrics bar */
.meet-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;
}
.meet-metric-item:hover {
  background: rgba(79, 142, 247, 0.08);
  border-color: rgba(79, 142, 247, 0.25);
  transform: translateY(-3px);
}
.meet-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) {
  .meet-metrics-bar .grid { grid-template-columns: 1fr !important; }
}

/* Feature cards */
.meet-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;
}
.meet-feat-card:hover { transform: translateY(-4px); box-shadow: 0 16px 50px rgba(0, 0, 0, 0.3); }
.meet-feat-card[data-color="blue"]:hover   { border-color: rgba(79, 142, 247, 0.4); }
.meet-feat-card[data-color="cyan"]:hover   { border-color: rgba(6, 182, 212, 0.4); }
.meet-feat-card[data-color="purple"]:hover { border-color: rgba(139, 92, 246, 0.4); }
.meet-feat-card[data-color="green"]:hover  { border-color: rgba(16, 185, 129, 0.4); }
.meet-feat-card[data-color="amber"]:hover  { border-color: rgba(245, 158, 11, 0.4); }

/* Inputs */
.meetings-landing-container .focus\:border-neon-blue:focus { border-color: #4f8ef7; }

/* FAQ */
.faq-item-ui { background: rgba(255, 255, 255, 0.02); transition: border-color 0.3s ease; }
.faq-item-ui.open { border-color: rgba(79, 142, 247, 0.3) !important; }

/* Steps */
.step-meetings { position: relative; padding: 0 8px; }

/* Light theme */
[data-theme="light"] .meetings-landing-container { color: #475569; }
[data-theme="light"] .meetings-landing-container .text-white { color: #0f172a; }
[data-theme="light"] .meetings-landing-container .text-white\/60,
[data-theme="light"] .meetings-landing-container .text-white\/55 { color: #475569; }
[data-theme="light"] .meet-metric-item,
[data-theme="light"] .meet-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"] .meet-metric-num { background: linear-gradient(135deg, #1e293b, #334155); -webkit-background-clip: text; background-clip: text; }
[data-theme="light"] .meet-mockup .text-white,
[data-theme="light"] .sched-mockup .text-white { color: #fff; }