.nav-link.active {
  color: #4F5DFF;
  font-weight: 600;
}

.nav-link.active .nav-underline {
  width: 100%;
  background-color: #4F5DFF;
}

.title-balance { line-height: 1.05; letter-spacing: -0.035em; }
.container { max-width: 72rem; }

.tagline-handwriting {
  font-family: "Handlee", cursive;
  font-size: 1.65rem !important;
  letter-spacing: 0.5px;
}

/* Styles for small components */
.nav-link{ @apply text-slate-600 hover:text-slate-900 text-sm font-medium relative dark:text-slate-300 dark:hover:text-white; }
.nav-underline{ @apply absolute -bottom-1 left-0 w-0 h-[2px] bg-brand transition-all duration-300 group-hover:w-full; }
.card-feature{ @apply rounded-xl border border-slate-200 bg-slate-50/50 p-5 dark:bg-slate-900/60 dark:border-slate-700; }
.kicker{ @apply text-[13px] font-semibold text-brand uppercase tracking-wide; }
.agenda-item{ @apply rounded-xl border border-slate-200 bg-white shadow-card p-5 flex flex-col sm:flex-row sm:items-start gap-4 dark:bg-slate-900 dark:border-slate-700; }
.agenda-time{ @apply sm:w-32 shrink-0 text-slate-500 font-medium; }
.agenda-title{ @apply font-semibold text-slate-900 dark:text-white; }
.agenda-desc{ @apply text-slate-600 dark:text-slate-300; }
.speaker-card{ @apply rounded-2xl border border-slate-200 bg-slate-50/50 p-6 flex flex-col text-center shadow-sm dark:bg-slate-900/60 dark:border-slate-700; }
.speaker-photo{ @apply mx-auto h-20 w-20 rounded-xl bg-slate-200 flex items-center justify-center text-slate-500 text-sm font-semibold dark:bg-slate-700 dark:text-slate-300; }
.speaker-name{ @apply mt-4 font-semibold text-slate-900 dark:text-white; }
.speaker-role{ @apply text-[13px] text-brand font-medium; }
.speaker-bio{ @apply mt-3 text-sm text-slate-600 dark:text-slate-300; }
.btn-primary{ @apply inline-flex items-center justify-center gap-2 rounded-xl bg-brand px-6 py-3 text-[14px] font-semibold text-white hover:bg-brand/90 hover:shadow-lg hover:shadow-brand/25 transition-all; }
.btn-outline{ @apply inline-flex items-center justify-center gap-2 rounded-xl border border-slate-300 bg-white px-6 py-3 text-[14px] font-semibold text-slate-700 hover:bg-slate-50 dark:bg-slate-900 dark:border-slate-700 dark:text-slate-200; }
.btn-ghost{ @apply inline-flex items-center justify-center gap-2 rounded-xl px-6 py-3 text-[14px] font-semibold text-slate-700 hover:underline dark:text-slate-200; }

#scrollTopBtn {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#scrollTopBtn.flex {
  opacity: 1;
  transform: translateY(0);
}

.ug-lightbox .ug-description-text a {
	text-decoration: underline !important;
	color: #4F5DFF !important; /* your brand color */
	font-weight: 600;
}
.ug-lightbox .ug-description-text a:hover {
	color: #3C49CC !important;
}