.Tg9SGW_expoLogoBackground{background-image:linear-gradient(#3c9ffe,#0274df);border-radius:40px;width:128px;height:128px}

/* LIFEQUEST High-Performance Visual Design System */
:root {
  --lq-bg: #0b0f19;
  --lq-surface: #111827;
  --lq-surface-light: #1f2937;
  --lq-primary: #8b5cf6;
  --lq-primary-hover: #7c3aed;
  --lq-accent: #38bdf8;
  --lq-emerald: #10b981;
  --lq-text: #f9fafb;
  --lq-muted: #94a3b8;
  --lq-border: rgba(139, 92, 246, 0.25);
}

html, body, #root {
  background-color: var(--lq-bg) !important;
  color: var(--lq-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: rgba(139, 92, 246, 0.4);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(139, 92, 246, 0.7);
}

/* Top Floating Nav Bar - Glassmorphism Aesthetic */
.r-u8s1d {
  top: 14px !important;
  z-index: 9999 !important;
  pointer-events: none;
}

.r-u8s1d > div {
  pointer-events: auto;
  background: rgba(15, 23, 42, 0.92) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
  border-radius: 9999px !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.65), 0 0 25px rgba(139, 92, 246, 0.18) !important;
  padding: 6px 18px !important;
  transition: all 0.25s ease;
}

.r-u8s1d > div:hover {
  border-color: rgba(139, 92, 246, 0.65) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.75), 0 0 30px rgba(139, 92, 246, 0.25) !important;
}

/* Nav Brand text */
.r-u8s1d div[dir="auto"] {
  font-weight: 800 !important;
  letter-spacing: 0.5px;
}

/* Nav Links inside the floating bar */
.r-u8s1d a {
  text-decoration: none !important;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.r-u8s1d a:hover {
  transform: translateY(-1px);
}

/* Active Nav pill */
.r-u8s1d a div[style*="background-color:rgba(226,232,240"] {
  background: linear-gradient(135deg, #7c3aed, #6366f1) !important;
  border-radius: 9999px !important;
  box-shadow: 0 0 14px rgba(124, 58, 237, 0.6) !important;
}
.r-u8s1d a div[style*="background-color:rgba(226,232,240"] div {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Inactive Nav pills */
.r-u8s1d a div[style*="background-color:rgba(240,244,248"] {
  background-color: transparent !important;
  border-radius: 9999px !important;
}
.r-u8s1d a div[style*="background-color:rgba(240,244,248"] div {
  color: #94a3b8 !important;
  transition: color 0.15s ease;
}
.r-u8s1d a:hover div[style*="background-color:rgba(240,244,248"] div {
  color: #f1f5f9 !important;
}

/* Interactive Button Hover States */
div[tabindex="0"], a[tabindex="0"] {
  cursor: pointer !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}
div[tabindex="0"]:hover, a[tabindex="0"]:hover {
  filter: brightness(1.12);
}
div[tabindex="0"]:active, a[tabindex="0"]:active {
  transform: scale(0.98);
}
div[tabindex="0"]:focus-visible, a[tabindex="0"]:focus-visible {
  outline: 2px solid #a78bfa !important;
  outline-offset: 3px !important;
}

/* Card Glow Effects */
.r-y47klf {
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.r-y47klf:hover {
  border-color: rgba(139, 92, 246, 0.45) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(139, 92, 246, 0.1) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .r-u8s1d {
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
  }
  .r-u8s1d > div {
    padding: 6px 10px !important;
    gap: 4px !important;
    overflow-x: auto;
  }
}