html{scroll-behavior:smooth}
body{background:#f8fafc}

/* Navbar logo */
.navbar-brand img{display:block;height:64px;width:auto}

/* Primary buttons */
.btn-primary{background:#0f5b3e;border:none}
.btn-primary:hover,.btn-primary:focus{background:#0c4a33}

/* Distinct badge classes to avoid style/JS coupling */
.badge-date{background:#e0f2ea;color:#0f5b3e}
.badge-role{background:#e0f2ea;color:#0f5b3e}
.webinar-meta-row .badge-date{
  display:inline-flex;
  justify-content:flex-start;
  text-align:left;
  width:auto;
  margin-bottom:0 !important;
}

/* LIVE badge */
.badge-live{background:#198754;color:#fff;font-size:.75rem;padding:.35em .6em;border-radius:.5rem;text-transform:uppercase;letter-spacing:.02em}
.badge-live.pulse{animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,135,84,.6)}70%{box-shadow:0 0 0 8px rgba(25,135,84,0)}100%{box-shadow:0 0 0 0 rgba(25,135,84,0)}}

/* Navbar webinar CTA alignment */
#navbar-webinar-cta{min-height:38px}
#navbar-live-badge{display:inline-flex;align-items:center}

/* Avatar placeholders */
.avatar-circle{width:64px;height:64px;border-radius:50%;background:#f1f5f9;object-fit:cover}

/* Countdown emphasis */
#countdown{color:#0f5b3e}

/* Webinar card CTA fixed at bottom-left */
.webinar-card .card-body{display:flex;flex-direction:column}
.webinar-card .card-body .d-flex{margin-top:auto;justify-content:flex-start}