/* GLOBAL */
body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
  padding-top: 75px;
}

/* NAVBAR */
.navbar {
  backdrop-filter: blur(12px);
  background: rgba(255,255,255,0.9);
}

/* HERO */
.hero {
  height: 90vh;
  overflow: hidden;
}



/* DIVIDER */
.section-divider {
  width: 80px;
  height: 4px;
  background: #2563eb;
  margin: 15px auto 40px;
}

/* GLASS */
.glass {
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 25px;
}

/* ========================= */
/* 🔥 PREMIUM AGENDA */
/* ========================= */

.agenda-center {
  position: relative;
  max-width: 900px;
  margin: auto;
  padding: 30px 0;
}

.agenda-center::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #eab308;
  transform: translateX(-50%);
}

.agenda-row {
  position: relative;
  display: flex;
  align-items: center;
  margin: 22px 0;
}

.agenda-row::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 160px;
  height: 2px;
  background: linear-gradient(to right, #facc15, #eab308);
  transform: translateY(-50%);
}

.agenda-row.left { justify-content: flex-start; }
.agenda-row.right { justify-content: flex-end; }

.agenda-row.left::before { right: 50%; }
.agenda-row.right::before { left: 50%; }

.agenda-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: #eab308;
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 0 8px rgba(234,179,8,0.7);
}

.agenda-box {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #facc15;
  padding: 12px 20px;
  border-radius: 40px;
  min-width: 290px;
  max-width: 230px;
  font-size: 14px;
  font-weight: 500;
  transition: 0.3s;
}

.agenda-box i {
  font-size: 18px;
}

.agenda-box:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* SPEAKERS */
.speaker-card {
  text-align: center;
}

.speaker-card img {
  width: 110px;
  border-radius: 50%;
}

/* FLOAT BUTTON */
.floating-cta {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #2563eb;
  color: white;
  padding: 14px 18px;
  border-radius: 50px;
  text-decoration: none;
}

/* FOOTER */
footer {
  background: rgba(15,23,42,0.9);
  color: white;
  padding: 30px;
  text-align: center;
}

/* MOBILE */
@media(max-width:768px) {

  .agenda-center::before {
    left: 20px;
  }

  .agenda-row {
    justify-content: flex-start !important;
  }

  .agenda-row::before {
    left: 20px !important;
    width: 30px;
  }

  .agenda-dot {
    left: 20px;
  }

  .agenda-box {
    margin-left: 50px !important;
  }
}

.tech-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
}

.tech-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* HOVER ZOOM */
.tech-card:hover img {
  transform: scale(1.08);
}

/* OVERLAY */
.tech-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
  color: white;
  font-weight: 600;
  font-size: 14px;
  opacity: 0;
  transition: 0.3s;
}

/* SHOW ON HOVER */
.tech-card:hover .tech-overlay {
  opacity: 1;
}

/* ========================= */
/* 🔥 SPONSOR SECTION */
/* ========================= */

.sponsor-logo {
  width: 100%;
  max-width: 180px;
  height: 90px;
  object-fit: contain;
  transition: 0.3s;
  /* filter: grayscale(100%); */
  opacity: 0.8;
}

/* HOVER EFFECT */
.sponsor-logo:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.1);
}

/* ROW SPACING */
.sponsor-row {
  margin-bottom: 20px;
}


/* ========================= */
/* TECHNOLOGY SHOWCASE */
/* ========================= */

.tech-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
  transition: 0.3s;
}

.tech-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: 0.4s;
  border-radius: 16px;
}

/* Hover Zoom */
.tech-card:hover img {
  transform: scale(1.08);
}

/* Overlay */
.tech-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(14,169,238,0.7);
  color: white;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s;
}

.tech-card:hover::after {
  opacity: 1;
}

/* CONTACT BUTTON IMPROVEMENT */
#contact .btn {
  border-radius: 30px;
  padding: 10px 18px;
  font-weight: 500;
  transition: 0.3s;
}

#contact .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* CONTACT TEXT */
#contact a {
  color: #0EA9EE;
  text-decoration: none;
}

#contact a:hover {
  text-decoration: underline;
}

/* SPEAKER CARD */
.speaker-card {
  text-align: center;
  padding: 20px;
  border-radius: 16px;
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px);
  transition: 0.3s;
  height: 100%;
}

.speaker-card img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 3px solid #0EA9EE;
}

.speaker-card h5,
.speaker-card h6 {
  font-weight: 600;
  margin-bottom: 5px;
}

.speaker-card p {
  font-size: 14px;
  margin-bottom: 5px;
}

.talk-title {
  color: #0EA9EE;
  font-style: italic;
  font-size: 13px;
}

/* HOVER EFFECT */
.speaker-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

/* GLOBAL & BRAND VARIABLES */
:root {
  --org-navy: #262262;
  --org-red: #ff3232;
  --org-red-hover: #d62828;
}

body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
  color: #333;
}

/* NAVBAR */
.navbar {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 3px solid var(--org-navy);
}

.navbar-nav .nav-link {
  color: var(--org-navy) !important;
  font-weight: 600;
  transition: 0.3s;
}

.navbar-nav .nav-link:hover {
  color: var(--org-red) !important;
}

/* HERO & BACKGROUND */
.main-bg {
  background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.95)), url('../images/ban1.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* BUTTONS & CTA */
.btn-primary, .floating-cta {
  background: linear-gradient(135deg, #262262 0%, #ff3232 100%) !important;
  border: none !important;
  color: white !important;
  /* font-weight: 700; */
  letter-spacing: 0.5px;
  /* padding: 12px 30px; */
  transition: all 0.4s ease;
  box-shadow: 0 4px 15px rgba(38, 34, 98, 0.2);
}

/* HOVER EFFECT */
.btn-primary:hover, .floating-cta:hover {
  /* Shifts the gradient or darkens it slightly */
  background: linear-gradient(135deg, #1e1b4b 0%, #d62828 100%) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(255, 50, 50, 0.4);
  color: #ffffff !important;
}

.btn-outline-primary {
  border-color: var(--org-red) !important;
  color: var(--org-red) !important;
}

.btn-outline-primary:hover {
  background-color: var(--org-red) !important;
  color: white !important;
}

/* SECTION DIVIDER */
.section-divider {
  width: 80px;
  height: 4px;
  background: var(--org-navy);
  margin: 15px auto 40px;
}

/* GLASS CARDS */
.glass {
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 25px;
  border: 1px solid rgba(38, 34, 98, 0.1);
}




/* AGENDA - PREVIOUSLY YELLOW, NOW NAVY/RED */
.agenda-center::before {
  background: var(--org-navy);
}

.agenda-dot {
  background: var(--org-red);
  box-shadow: 0 0 10px rgba(255, 50, 50, 0.5);
}

.agenda-row::before {
  background: linear-gradient(to right, var(--org-navy), var(--org-red));
}

.agenda-box {
  background: var(--org-navy);
  color: white;
  padding: 12px 20px;
  border-radius: 40px;
  min-width: 290px;
  transition: 0.3s;
}

.agenda-box:hover {
  background: var(--org-red);
  transform: scale(1.05);
}

.agenda-row {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}

/* Left side comes from left */
.agenda-row.left {
  transform: translateX(-60px);
}

/* Right side comes from right */
.agenda-row.right {
  transform: translateX(60px);
}

/* When visible */
.agenda-row.show {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

/* Optional hover effect (feels like a card) */
.agenda-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.agenda-box:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* TECHNOLOGY SHOWCASE */
.tech-card::after {
  background: rgba(38, 34, 98, 0.85); /* Navy Overlay */
}

/* SPEAKER CARDS */
.speaker-card {
  background: white;
  border-bottom: 4px solid var(--org-navy);
}

.speaker-card img {
  border: 3px solid var(--org-red);
}

.talk-title {
  color: var(--org-red);
}

/* FOOTER */
footer {
  background: var(--org-navy);
  color: white;
  padding: 40px;
}