html{
  scroll-behavior:smooth;
}

/* Parallax depth */
.hero-bg video{
  transform:scale(1.1);
  filter:brightness(0.7);
  animation:slowZoom 20s ease-in-out infinite alternate;
}

@keyframes slowZoom{
  from{transform:scale(1.1)}
  to{transform:scale(1.2)}
}
:root{
  --gold:#c9a84c;--gold-light:#e8c96a;
  --crimson:#ebaa08;--crimson-light:#a82060;
  --orange:#e05c1a;
  --navbar-bg:rgba(10,14,22,0.97);
  --warm-bg:#fdf6f0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/*body{font-family:'Raleway',sans-serif;background:#fff;color:#222;overflow-x:hidden}*/
body{font-family: 'Cinzel', serif;background:#fff;color:#222;overflow-x:hidden}

/* ── NAVBAR ── */
/*.navbar{*/
  /*background: #000;*/
/*  border-bottom:none; */
/*  padding:0 1.5rem; */
/*  min-height:68px; */
/*  position:sticky; */
/*  top:0; */
/*  z-index:1000; */
/*  transition:all .3s;*/
/*}*/

/*.navbar.scrolled{*/
/*  background:rgba(10,14,22,0.95) !important;*/
/*  box-shadow:0 4px 30px rgba(0,0,0,.4);*/
/*}*/

/* ── NAVBAR: transparent, overlaid on hero ── */
.navbar {
  position: absolute;          /* overlays hero instead of pushing it down */
  top: 0; left: 0; right: 0;
  background: transparent !important;
  border-bottom: none;
  padding: 0.6rem 1.5rem;
  min-height: 68px;
  z-index: 1000;
  transition: all .3s;
}

/* Only becomes dark/sticky after scrolling */
.navbar.scrolled {
  position: fixed;
  background: rgba(10,14,22,0.95) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,.4);
}

.navbar-brand{font-family:'Cinzel',serif;font-size:1.2rem;font-weight:700;color:#fff!important;letter-spacing:.04em}
.navbar-brand .gold{color:var(--gold)}
.nav-link{color:#d4cfc4!important;font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .75rem!important;transition:color .2s;position:relative}
.nav-link::after{content:'';position:absolute;bottom:0;left:.75rem;right:.75rem;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s;transform-origin:center}
.nav-link:hover{color:var(--gold)!important}
.nav-link:hover::after{transform:scaleX(1)}
.btn-register{background:var(--orange);color:#fff!important;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:8px;padding:.5rem 1.3rem;transition:background .2s,transform .15s,box-shadow .2s;text-decoration:none;white-space:nowrap;line-height:1.3;display:inline-block;text-align:center}
.btn-register:hover{background:#c44e10;transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,92,26,.4)}
.dropdown-menu{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);animation:fadeDown .2s ease}
@keyframes fadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.dropdown-item{font-size:.85rem;color:#333;padding:.55rem 1.2rem}
.dropdown-item:hover{background:#fdf0e8;color:var(--crimson)}
.dropdown-item.hi{color:var(--crimson);font-weight:600}

/* =========================================
   NAVBAR RESPONSIVE FIX 
========================================= */

.navbar-toggler {
  outline: none;
  box-shadow: none;
}

.navbar .navbar-nav {
  align-items: center;
}

.btn-register {
  display: inline-block;
  text-align: center;
}

@media (max-width:991px){
  .navbar {
    padding: 0.5rem 1rem;
    /*background: transparent !important;*/
  }

  .navbar-collapse {
    background: rgba(10,14,22,0.98);
    padding: 1rem;
    border-radius: 10px;
    margin-top: 10px;
  }

  .navbar-nav {
    gap: 0.5rem;
    text-align: center;
  }

  .nav-link {
    font-size: 0.9rem;
    padding: 0.6rem 0;
  }

  .dropdown-menu {
    text-align: center;
    border-radius: 10px;
  }

  .btn-register {
    width: 100%;
    margin-top: 10px;
    padding: 0.7rem;
  }
}

@media (max-width:576px){
  .navbar-brand {
    font-size: 0.9rem;
  }

  .navbar-toggler i {
    font-size: 1.8rem;
  }
}

/* ── HERO ── */
.hero{
  position:relative;
  min-height:95vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#0b0f18;
}

.hero-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom,rgba(10,14,22,.7) 0%,rgba(10,14,22,.3) 45%,rgba(10,14,22,.8) 100%),
    url('https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=1600&q=80') center/cover no-repeat;
  z-index:0;
}

.hero-particles{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
}

.particle{
  position:absolute;
  border-radius:50%;
  background:rgba(201,168,76,.3);
  animation:floatParticle linear infinite;
}

@keyframes floatParticle{
  0%{transform:translateY(100vh) rotate(0deg);opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{transform:translateY(-100px) rotate(720deg);opacity:0}
}

.hero-shape{
  position:absolute;
  right:-60px;
  bottom:60px;
  width:220px;
  height:220px;
  background:rgba(210,60,140,.15);
  transform:rotate(30deg);
  border-radius:14px;
  z-index:1;
  animation:shapePulse 4s ease-in-out infinite;
}

.hero-shape2{
  position:absolute;
  right:80px;
  bottom:140px;
  width:110px;
  height:110px;
  background:rgba(210,60,140,.1);
  transform:rotate(15deg);
  border-radius:8px;
  z-index:1;
  animation:shapePulse 4s ease-in-out infinite .5s;
}

@keyframes shapePulse{
  0%,100%{transform:rotate(30deg) scale(1)}
  50%{transform:rotate(35deg) scale(1.05)}
}

.hero-content{
  position:relative;
  z-index:2;
  text-align:center;
  padding:2rem 1rem;
  width:100%;
  animation:heroReveal 1s ease forwards;
}

@keyframes heroReveal{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}

.logos-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem !important;
  background:rgba(255,255,255,.93);
  border-radius:80px;
  padding: 1rem 3rem;
  margin-bottom:2.5rem;
  box-shadow:0 8px 40px rgba(0,0,0,.35);
  /*animation:pillSlide .8s .2s ease both;*/
  flex-wrap:wrap;
}

.logos-pill img{
  width:120px;
  height:120px;
  object-fit:contain;
  display:block;
}



.logos-pill img:hover{
  transform:scale(1.1);
}

@keyframes pillSlide{
  from{opacity:0;transform:scale(0.9)}
  to{opacity:1;transform:scale(1)}
}

.conf-subtitle{
  font-weight:500;
  font-size:.88rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#c8c0b0;
  margin-bottom:.5rem;
  animation:fadeUp .8s .4s ease both;
}

.conf-title{
  font-family:'Cinzel',serif;
  font-size:clamp(1.9rem,5vw,3.6rem);
  font-weight:700;
  color:#c9a84c;
  letter-spacing:.04em;
  /*text-shadow:0 2px 24px rgba(201,168,76,.4);*/
  line-height:1.1;
  margin-bottom:1.1rem;
  animation:fadeUp .8s .5s ease both;
}

.conf-title .on{
  color:#fff;
  font-size:.55em;
  display:block;
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:.15em;
}

.aegis-text{
  font-size: 1.2rem;
    color: #fff;
    margin-bottom: .3rem;
  animation:fadeUp .8s .6s ease both;
}

.org-names{
  font-family:'Cinzel',serif;
  /*font-size:clamp(.65rem,1.4vw,.86rem);*/
  color:#c9a84c;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:1.1rem;
  animation:fadeUp .8s .65s ease both;
  font-weight: bolder;
}

.event-date{
  font-size:clamp(.92rem,2vw,1.15rem);
  font-weight:600;
  color:#fff;
  letter-spacing:.04em;
  animation:fadeUp .8s .7s ease both;
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

/* CSS */
.countdown-wrap {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
}
.countdown-inner {
  background: rgba(30, 20, 10, 0.72);
  border-radius: 14px;
  padding: 1.1rem 2.2rem;
  display: flex;
  align-items: center;
}
.cd-box {
  text-align: center;
  min-width: 80px;
  padding: 0 1rem;
}
.cd-box .num {
  font-family: Georgia, serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #c9a84c;
  display: block;
  letter-spacing: 0.02em;
}
.cd-box .lbl {
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #aaa;
  display: block;
  margin-top: 2px;
}
.sep {
  font-family: Georgia, serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #c9a84c;
  padding: 0 2px;
  margin-bottom: 1rem;
  align-self: center;
}
@media (max-width: 500px) {
  .cd-box { min-width: 54px; padding: 0 0.5rem; }
  .cd-box .num { font-size: 1.5rem; }
  .sep { font-size: 1.5rem; }
  .countdown-inner { padding: 0.8rem 1rem; }
}

@media (max-width:768px){
  .logos-pill img{height:70px;width:70px}
}

/* ── WELCOME MESSAGE ── */
.section-welcome{
  background:linear-gradient(135deg,#fff,#fdf6f0);
  padding:0;
  overflow:hidden;
}

.welcome-inner{
  display:flex;
  min-height:620px;
  align-items:stretch;
}

.welcome-image-col{
  flex:0 0 42%;
  position:relative;
  overflow:hidden;
}

.welcome-image-col::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to right,rgba(0,0,0,0.4),transparent);
  z-index:1;
}

.welcome-image-col img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.1);
  transition:transform 1.2s ease;
  animation:zoomIn 8s ease-in-out infinite alternate;
}

@keyframes zoomIn{
  from{transform:scale(1.05)}
  to{transform:scale(1.15)}
}

.welcome-image-col:hover img{
  transform:scale(1.2);
}

.welcome-divider{
  width:6px;
  background:linear-gradient(to bottom,#ebaa08,#e05c1a);
}

.welcome-text-col{
  flex:1;
  padding:3.5rem 3rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
  animation:fadeSlide 1s ease forwards;
}

@keyframes fadeSlide{
  from{opacity:0;transform:translateX(40px)}
  to{opacity:1;transform:translateX(0)}
}

.welcome-heading{
  font-family:'Cinzel',serif;
  font-size:clamp(1.8rem,3.5vw,2.8rem);
  font-weight:700;
  color:#ebaa08;
  margin-bottom:1.5rem;
  position:relative;
}

.welcome-heading::after{
  content:'';
  width:60px;
  height:3px;
  background:#e05c1a;
  position:absolute;
  bottom:-10px;
  left:0;
}

.welcome-body{
  font-size:.95rem;
  line-height:1.9;
  color:#444;
  animation:fadeUpText 1s ease forwards;
}

@keyframes fadeUpText{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

.welcome-sign{
  margin-top:2rem;
  padding-top:1.5rem;
  border-top:1px solid #eee;
  animation:fadeUpText 1.2s ease forwards;
}

@media(max-width:768px){
  .welcome-inner{
    flex-direction:column;
  }

  .welcome-image-col{
    height:260px;
  }

  .welcome-divider{
    width:100%;
    height:5px;
  }

  .welcome-text-col{
    padding:2rem 1.5rem;
  }
}

/* ── ACADEMIC FEAST ── */
.section-feast{background:linear-gradient(135deg,#fdf6f0 0%,#fdeef4 50%,#fdf6f0 100%);padding:80px 0 90px}
.section-heading{font-family:'Cinzel',serif;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;color:#1a1a2e;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-bottom:3rem}
.section-heading span{color:var(--crimson)}
.feast-card{background:#fff;border-radius:16px;padding:2rem 1.5rem 1.8rem;text-align:center;border:none;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;height:100%;animation:cardReveal .6s ease both}
.feast-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(139,26,74,.14)}
.feast-card .icon-wrap{font-size:2.6rem;color:var(--crimson);margin-bottom:1rem;display:block;transition:transform .3s}
.feast-card:hover .icon-wrap{transform:scale(1.1) rotate(-5deg)}
.feast-card h5{font-weight:700;font-size:1rem;color:#1a1a2e;margin-bottom:.7rem}
.feast-card p{font-size:.84rem;color:#666;line-height:1.6}
.stat-card{background:#fff;border-radius:16px;padding:2rem 1.5rem 1.8rem;text-align:center;border:none;box-shadow:0 2px 20px rgba(0,0,0,.06);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(139,26,74,.14)}
.stat-card .stat-num{font-family:'Cinzel',serif;font-size:3rem;font-weight:700;color:var(--crimson);line-height:1}
.stat-card .stat-label{font-weight:700;font-size:1.05rem;color:#1a1a2e;margin:.5rem 0 .3rem}
.stat-card .stat-sub{font-size:.84rem;color:#666}
@keyframes cardReveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* ── VENUE ── */
.section-venue{background:#fff;padding:70px 0}
.venue-card{background:#fff;border-radius:20px;box-shadow:0 4px 40px rgba(0,0,0,.08);padding:2.5rem;border:1px solid #f0e8e0}
.venue-label{font-family:'Raleway',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.18em;color:var(--orange);text-transform:uppercase;margin-bottom:.8rem}
.venue-name{font-family:'Cinzel',serif;font-size:clamp(1.5rem,3.5vw,2.6rem);font-weight:700;color:var(--crimson);line-height:1.2;margin-bottom:1.2rem}
.venue-desc{font-size:.92rem;color:#555;line-height:1.75;margin-bottom:1.8rem}
.venue-feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}
.venue-feature .icon-circle{width:46px;height:46px;border-radius:50%;background:rgba(139,26,74,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.venue-feature .icon-circle i{color:var(--crimson);font-size:1.1rem}
.venue-feature .feat-title{font-weight:700;font-size:.92rem;color:#1a1a2e;margin-bottom:.15rem}
.venue-feature .feat-desc{font-size:.82rem;color:#777}
.btn-directions{display:inline-flex;align-items:center;gap:.5rem;border:2px solid #1a1a2e;color:#1a1a2e;border-radius:30px;padding:.55rem 1.5rem;font-weight:700;font-size:.85rem;text-decoration:none;transition:all .2s;margin-top:.5rem}
.btn-directions:hover{background:#1a1a2e;color:#fff;transform:translateY(-2px)}
.venue-img-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.18)}
.venue-img-wrap img{width:100%;height:340px;object-fit:cover;display:block;transition:transform .5s ease}
.venue-img-wrap:hover img{transform:scale(1.04)}

 /*── COMMITTEE ── */
/*.section-committee{*/
/*  background: linear-gradient(135deg,#fdfbfb,#f3eef2);*/
/*  padding:110px 0;*/
/*  overflow:hidden;*/
/*}*/

/*.committee-slider{*/
/*  overflow:hidden;*/
/*  position:relative;*/
/*}*/

/*.slider-track{*/
/*  display:flex;*/
/*  width:max-content;*/
/*  animation:scrollSmooth 35s linear infinite;*/
/*}*/

/*.slider-group{*/
/*  display:flex;*/
/*  gap:30px;*/
/*}*/

/*.committee-slider:hover .slider-track{*/
/*  animation-play-state:paused;*/
/*}*/

/*@keyframes scrollSmooth{*/
/*  from{ transform:translateX(0); }*/
/*  to{ transform:translateX(-50%); }*/
/*}*/

/*.member-card{*/
/*  min-width:260px;*/
/*  text-align:center;*/
/*  padding:18px;*/
/*  border-radius:18px;*/
/*  background:rgba(255,255,255,0.75);*/
/*  backdrop-filter:blur(14px);*/
/*  box-shadow:0 12px 40px rgba(0,0,0,0.08);*/
/*  transition:all 0.4s ease;*/
/*  position:relative;*/
/*  overflow:hidden;*/
/*}*/

/*.member-card::before{*/
/*  content:"";*/
/*  position:absolute;*/
/*  inset:0;*/
/*  border-radius:18px;*/
/*  padding:2px;*/
/*  background:linear-gradient(45deg,#ebaa08,#ff7aa2,#ebaa08);*/
/*  -webkit-mask:*/
/*    linear-gradient(#fff 0 0) content-box,*/
/*    linear-gradient(#fff 0 0);*/
/*  -webkit-mask-composite:xor;*/
/*  mask-composite:exclude;*/
/*  opacity:0;*/
/*  transition:0.4s;*/
/*}*/

/*.member-card:hover::before{*/
/*  opacity:1;*/
/*}*/

/*.member-card:hover{*/
/*  transform:translateY(-12px) scale(1.05);*/
/*}*/

 /*UPDATED: All images same size */
/*.member-photo-wrap{*/
/*  width:100%;*/
/*  height:280px;*/
/*  border-radius:14px;*/
/*  overflow:hidden;*/
/*  position:relative;*/
/*}*/

/*.member-photo-wrap img{*/
/*  width:100%;*/
/*  height:100%;*/
/*  object-fit:cover;*/
/*  transition:transform 0.6s ease;*/
/*}*/

/*.member-card:hover img{*/
/*  transform:scale(1.12);*/
/*}*/

/*.jali-overlay{*/
/*  position:absolute;*/
/*  inset:0;*/
/*  opacity:0.12;*/
/*  background-image:radial-gradient(circle,#ebaa08 1px,transparent 1px);*/
/*  background-size:18px 18px;*/
/*}*/

/*.member-name{*/
/*  font-size:1.1rem;*/
/*  font-weight:700;*/
/*  margin-top:14px;*/
/*  color:#222;*/
/*}*/

/*.member-role{*/
/*  font-size:0.82rem;*/
/*  color:#ebaa08;*/
/*  font-weight:600;*/
/*}*/

/*.member-card{*/
/*  opacity:0;*/
/*  transform:translateY(40px);*/
/*  animation:cardFade 0.8s ease forwards;*/
/*}*/

/*.member-card:nth-child(1){animation-delay:0.1s}*/
/*.member-card:nth-child(2){animation-delay:0.2s}*/
/*.member-card:nth-child(3){animation-delay:0.3s}*/
/*.member-card:nth-child(4){animation-delay:0.4s}*/
/*.member-card:nth-child(5){animation-delay:0.5s}*/

/*@keyframes cardFade{*/
/*  to{*/
/*    opacity:1;*/
/*    transform:translateY(0);*/
/*  }*/
/*}*/

/*@media(max-width:768px){*/
/*  .slider-track{*/
/*    animation-duration:50s;*/
/*  }*/
/*  .member-card{*/
/*    min-width:200px;*/
/*  }*/
/*  .member-photo-wrap{*/
/*    height:240px;*/
/*  }*/
/*}*/
.section-committee{
  background:#f8f6f3;
  padding:70px 0;
  overflow:hidden;
}


.member-card {
  min-width: 280px;
  height: 380px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 25px rgba(0,0,0,.1);
  transition: transform .3s, box-shadow .3s;
  cursor: pointer;
  background: #fff;
  border: none;
}

.member-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0,0,0,.2);
}

.member-photo-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.member-photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
  transition: transform .5s ease;
}

.member-card:hover img {
  transform: scale(1.06);
}

.jali-overlay {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background-image: radial-gradient(circle, #ebaa08 1px, transparent 1px);
  background-size: 16px 16px;
  z-index: 1;
  pointer-events: none;
}

.member-info-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(10, 14, 22, 0.95) 0%, rgba(10, 14, 22, 0.45) 55%, transparent 100%);
  padding: 2rem 1.25rem 1.5rem;
  color: #fff;
  z-index: 2;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.member-name {
  font-family: 'Cinzel', serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.35rem;
  line-height: 1.3;
}

.member-role {
  font-size: 0.8rem;
  font-weight: 600;
  color: #c9a84c;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}


/* change */
@media(max-width:768px){
 .slider-track{
   animation-duration:50s;
  }
  .member-card{
    min-width: unset;
    height: 360px;
  }
  .member-photo-wrap{
    height: 100%;
  }
 }


/* Rest of your CSS remains unchanged */
.section-places{background:#f8f6f3;padding:70px 0}
.place-card{border-radius:16px;overflow:hidden;position:relative;box-shadow:0 4px 25px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;cursor:pointer}
.place-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.2)}
.place-card img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .5s ease}
.place-card:hover img{transform:scale(1.06)}
.place-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);padding:1.5rem 1.2rem .9rem;color:#fff}
.place-overlay h5{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}
.place-overlay p{font-size:.8rem;color:rgba(255,255,255,.8);margin:0}
.btn-discover{display:inline-flex;align-items:center;gap:.5rem;border:2px solid #1a1a2e;color:#1a1a2e;border-radius:30px;padding:.65rem 2rem;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .25s;margin-top:2.5rem}
.btn-discover:hover{background:#1a1a2e;color:#fff;transform:translateX(5px)}

.section-contact{background:#fff;padding:70px 0}
.contact-form-wrap{background:#f8f6f3;border-radius:20px;padding:2.5rem;box-shadow:0 4px 30px rgba(0,0,0,.06)}
.contact-form-wrap h3{font-family:'Cinzel',serif;font-size:1.8rem;font-weight:700;color:#1a1a2e;margin-bottom:1.8rem;text-align:center}
.form-label{font-weight:600;font-size:.88rem;color:#444;margin-bottom:.3rem}
.form-control{border:1.5px solid #e0d8d0;border-radius:8px;padding:.7rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}
.form-control:focus{border-color:var(--crimson);box-shadow:0 0 0 3px rgba(139,26,74,.1);outline:none}
.btn-send{background:linear-gradient(135deg,var(--crimson),#c44e10);color:#fff;border:none;border-radius:30px;padding:.75rem 2.5rem;font-weight:700;font-size:.95rem;letter-spacing:.06em;transition:all .25s;display:block;width:100%;margin-top:1rem}
.btn-send:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,26,74,.35)}

footer{background:#111318;color:#ccc;padding:60px 0 0}
footer .brand-name{font-family:'Cinzel',serif;font-size:1.5rem;font-weight:700;color:#fff}
footer .brand-name span{color:var(--gold)}
footer h6{color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}
footer a{color:#aaa;text-decoration:none;font-size:.83rem;display:block;margin-bottom:.45rem;transition:color .2s,transform .2s}
footer a:hover{color:var(--gold);transform:translateX(3px)}
footer p,footer address{font-size:.82rem;line-height:1.7;color:#aaa;font-style:normal}
.footer-divider{border-color:rgba(255,255,255,.1);margin:2rem 0 1rem}
.footer-bottom{padding:1rem 0;font-size:.78rem;color:#555;text-align:center}
.contact-item{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.55rem;font-size:.82rem;color:#aaa}
.contact-item i{color:var(--gold);margin-top:2px;flex-shrink:0}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
  .logos-pill{gap:1rem;padding:.8rem 1.3rem}
  .cd-box .num{font-size:1.3rem}
  .welcome-inner{flex-direction:column}
  .welcome-image-col{flex:0 0 280px;min-height:280px}
  .welcome-divider{width:100%;height:5px}
  .welcome-text-col{padding:2rem 1.5rem}
  .venue-img-wrap img{height:240px}
  .section-feast,.section-committee,.section-venue{padding:50px 0 60px}
  .place-card img{height:200px}
}
.conf-title{
  font-family:'Cinzel', 'Playfair Display', serif;
  font-size:clamp(2.4rem, 7vw, 4.4rem);
  font-weight:900;
  line-height:1.05;
  letter-spacing:-0.02em;
  margin-bottom:1rem;
  color: #c9a84c;
  text-shadow: 
    0 4px 15px rgba(201,168,76,0.6),
    0 10px 30px rgba(139,26,74,0.4);
  animation:fadeUp .8s .5s ease both;
}

.conf-title .on{
  color:#fff;
  font-size:0.48em;
  display:block;
  font-weight:400;
  letter-spacing:0.22em;
  text-transform:uppercase;
  margin-bottom:0.08em;
  opacity:0.95;
}

/* Extra polish for "PULMONARY DISEASES" */
.conf-title::after {
  content: '';
  display: block;
  width: 120px;
  height: 3px;
  background: linear-gradient(to right, transparent, #e8c96a, transparent);
  margin: 20px auto;
}

    :root {
      --napcon-gold: #e8a020;
      --napcon-dark: #111318;
      --napcon-card: #1a1e26;
      --napcon-border: rgba(232, 160, 32, 0.18);
      --napcon-text: #c8cdd8;
      --napcon-muted: #6b7280;
    }

    footer {
      background-color: var(--napcon-dark);
      font-family: 'DM Sans', sans-serif;
      color: var(--napcon-text);
      position: relative;
      overflow: hidden;
    }

    footer::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--napcon-gold), transparent);
    }

    /* Subtle background texture */
    footer::after {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 20% 80%, rgba(232,160,32,0.04) 0%, transparent 60%),
                  radial-gradient(ellipse at 80% 20%, rgba(232,160,32,0.03) 0%, transparent 60%);
      pointer-events: none;
    }

    .footer-brand-name {
      font-family: 'Playfair Display', serif;
      font-size: 1.6rem;
      letter-spacing: 0.04em;
    }

    .footer-brand-name span {
      color: var(--napcon-gold);
    }

    .footer-logo-circle {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: linear-gradient(135deg, #c0392b, #e74c3c);
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Playfair Display', serif;
      font-size: 0.65rem;
      color: #fff;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      line-height: 1.2;
      flex-shrink: 0;
      border: 2px solid rgba(255,255,255,0.15);
    }

    .footer-section-title {
      font-family: 'DM Sans', sans-serif;
      font-size: 0.7rem;
      font-weight: 500;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--napcon-gold);
      margin-bottom: 1.25rem;
      padding-bottom: 0.5rem;
      border-bottom: 1px solid var(--napcon-border);
    }

    .footer-contact-item {
      display: flex;
      align-items: flex-start;
      gap: 0.6rem;
      margin-bottom: 0.55rem;
      font-size: 0.875rem;
      color: var(--napcon-text);
    }

    .footer-contact-item i {
      color: var(--napcon-gold);
      margin-top: 0.15rem;
      font-size: 0.8rem;
      flex-shrink: 0;
    }

    .footer-quick-links a {
      display: block;
      color: var(--napcon-text);
      text-decoration: none;
      font-size: 0.875rem;
      padding: 0.3rem 0;
      transition: color 0.2s, padding-left 0.2s;
      border-bottom: 1px solid transparent;
    }

    .footer-quick-links a:hover {
      color: var(--napcon-gold);
      padding-left: 0.4rem;
    }


    .support-person {
      margin-bottom: 0.85rem;
    }

    .support-person .name {
      font-weight: 500;
      font-size: 0.875rem;
      color: #e2e8f0;
      margin-bottom: 0.2rem;
    }

    .support-person a {
      color: var(--napcon-text);
      text-decoration: none;
      font-size: 0.8rem;
      display: flex;
      align-items: center;
      gap: 0.4rem;
      transition: color 0.2s;
    }

    .support-person a:hover {
      color: var(--napcon-gold);
    }

    .support-person a i {
      color: var(--napcon-gold);
      font-size: 0.75rem;
    }

    .visitors-widget {
      background: #fff;
      border-radius: 6px;
      padding: 0.6rem 0.8rem;
      display: inline-flex;
      align-items: center;
      gap: 0.75rem;
      margin-top: 0.5rem;
    }

    .visitors-widget .label {
      font-size: 0.75rem;
      font-weight: 600;
      color: #333;
    }

    .flag-entry {
      display: flex;
      align-items: center;
      gap: 0.25rem;
      font-size: 0.75rem;
      color: #444;
    }

    .flag-counter-tag {
      font-size: 0.6rem;
      color: #999;
      margin-left: 0.25rem;
    }

    .footer-divider {
      border-color: var(--napcon-border);
      margin: 0;
    }

    .footer-bottom {
      background: rgba(0,0,0,0.3);
      font-size: 0.78rem;
      color: var(--napcon-muted);
    }

    .footer-bottom a {
      color: var(--napcon-gold);
      text-decoration: none;
    }

    .footer-bottom a:hover {
      text-decoration: underline;
    }

    .organizer-name {
      font-size: 0.82rem;
      font-weight: 500;
      color: #e2e8f0;
    }
    .organizer-role {
      font-size: 0.72rem;
      color: var(--napcon-muted);
    }