Event Coverage:root{
  --brand:#0b3d91; --brand-2:#f59e0b; --ink:#0f172a;
}
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
h1,h2,h3{font-family:"Lora",Georgia,serif; font-weight:800; letter-spacing:.2px}
.h-gradient{background:linear-gradient(90deg,#0b3d91,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-pad{padding:64px 0}
.section-title{font-weight:800;margin-bottom:18px}
.badge-gradient{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff}
.hero{background:radial-gradient(46rem 46rem at 0% -10%, rgba(14,165,233,.12), transparent 60%),radial-gradient(40rem 40rem at 110% 10%, rgba(0,74,173,.10), transparent 60%),#fbfdff}
.chip{display:inline-block;padding:6px 10px;border-radius:9999px;background:#edf2f7;color:#334155;border:1px solid #e5e7eb}
.shadow-soft{box-shadow:0 12px 30px rgba(2,6,23,.08)}
.brand-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--brand);color:#fff;font-weight:800}
.left-social{position:fixed;top:50%;left:12px;transform:translateY(-50%);z-index:1050;display:grid;gap:10px}
.left-social a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.08)}
@media(max-width:992px){.left-social{left:8px;top:auto;bottom:12px;transform:none;grid-auto-flow:column}}
.quote{font-family:"Lora",serif;font-weight:700;color:#8a5a00}
.navbar{background:#fff}
.navbar .nav-link{font-weight:600}
.navbar .nav-link:hover{color:#0b3d91 !important}
.nav-audio select{background:transparent;border:none;outline:none}
.equalizer span:nth-child(2){animation-delay:.2s}.equalizer span:nth-child(3){animation-delay:.4s}
.equalizer.playing span{animation-play-state:running}.equalizer.paused span{animation-play-state:paused}
.pub-card{display:flex;gap:12px;padding:12px;border:1px solid #e6e8ee;border-radius:16px;background:#fff}
.pub-thumb{width:88px;height:120px;object-fit:cover;border-radius:10px;border:1px solid #e6e8ee}
footer{background:#fff}
#bgParticles{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12} /* slightly stronger */


}


/* === Professional Academic Theme Refinements === */
:root{ --brand:#0b3d91; --brand-2:#f59e0b; --ink:#0f172a; --muted:#475569; }
.hero{background: radial-gradient(60rem 60rem at 20% -10%, rgba(11,61,145,.10), transparent 60%), #ffffff;}
.section-pad{padding:72px 0}
.section-title{font-weight:800}
.card{border-radius:18px}
a.btn-primary{background:linear-gradient(90deg,var(--brand),#1d4ed8);border:none}
a.btn-primary:hover{filter:brightness(.98)}

/* === Animated navbar colors (auto-changing) === */
@keyframes navHue { 
  0% { filter: hue-rotate(0deg); } 
  100% { filter: hue-rotate(360deg); } 
}
.navbar .navbar-brand, .navbar .nav-link {
  animation: navHue 8s linear infinite;
}
.navbar .nav-link:nth-child(1){animation-delay:0s}
.navbar .nav-link:nth-child(2){animation-delay:.6s}
.navbar .nav-link:nth-child(3){animation-delay:1.2s}
.navbar .nav-link:nth-child(4){animation-delay:1.8s}
.navbar .nav-link:nth-child(5){animation-delay:2.4s}
.navbar .nav-link:nth-child(6){animation-delay:3.0s}
.navbar .nav-link:nth-child(7){animation-delay:3.6s}

/* CV modal sizing */
.modal-cv .modal-dialog{max-width: 920px}
.modal-cv .modal-body{max-height: 70vh; overflow:auto}

#bgParticles{opacity:.22}

/* Hover color change for Focus Areas + Core Expertise */
.hover-list { list-style: disc; padding-left: 1.1rem; }
.hover-list li { padding: .25rem 0; transition: color .18s ease, transform .18s ease; cursor: default; }
.hover-list li:hover { color: #0b3d91 !important; transform: translateX(3px); }

/* Scroll-to-top button */
.to-top{
  position: fixed; right: 18px; bottom: 18px;
  width: 44px; height: 44px; border-radius: 999px;
  border: 1px solid rgba(15,23,42,.18);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 30px rgba(15,23,42,.10);
  display: grid; place-items: center;
  font-weight: 800;
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
  z-index: 9999;
}
.to-top.show{ opacity: 1; pointer-events: auto; transform: translateY(0); }
.to-top:hover{ transform: translateY(-2px); }

/* ===== StatCounter: Academic Metric (6-digit look) ===== */
.statcounter-wrap{display:flex;align-items:center;gap:.45rem;white-space:nowrap;}
.sc-label{font-size:.88rem;color:rgba(55,65,81,.9);}
.sc-number{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:2px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.15);background:rgba(255,255,255,.85);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Courier New",monospace;font-size:.88rem;font-weight:600;letter-spacing:.06em;box-shadow:0 6px 18px rgba(15,23,42,.08);}
.sc-number a,.sc-number a *{pointer-events:none;text-decoration:none !important;}
.sc-number img.statcounter{height:18px !important;width:auto !important;display:block;filter:grayscale(1) contrast(1.05);}

/* Scroll buttons (top & bottom) */
.to-top,.to-bottom{
  position: fixed; right: 18px;
  width: 44px; height: 44px; border-radius: 999px;
  border: 1px solid rgba(15,23,42,.18);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 30px rgba(15,23,42,.10);
  display: grid; place-items: center;
  font-weight: 800;
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
  z-index: 9999;
}
.to-top{ bottom: 18px; }
.to-bottom{ bottom: 70px; }
.to-top.show,.to-bottom.show{ opacity: 1; pointer-events: auto; transform: translateY(0); }
.to-top:hover,.to-bottom:hover{ transform: translateY(-2px); }

/* ===== Blog topics ===== */
.blog-topic-card{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  padding: 14px 14px;
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(6px);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.blog-topic-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(15,23,42,.10);
  border-color: rgba(15,23,42,.18);
}
.topic-title{ font-weight: 700; }
.topic-sub{ font-size: .9rem; }

/* ===== Gallery ===== */
.gallery-thumb{ width:100%; border:0; padding:0; background:transparent; text-align:left; }
.gallery-thumb img{
  width: 400px;
  height: 400px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  transition: transform .18s ease;
}
.gallery-thumb:hover img{ transform: scale(1.01); }

.media-bar{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:9999;}
.media-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.15);box-shadow:0 10px 28px rgba(15,23,42,.12);transition:transform .25s ease, box-shadow .25s ease;animation:floatY 3.2s ease-in-out infinite;color:#0f172a;}
.media-icon.youtube{color:#dc2626;animation-delay:.6s;}
.media-icon.share{color:#2563eb;animation-delay:1.2s;}
.media-icon.image{color:#16a34a;animation-delay:.6s;}
.media-icon:hover{transform:translateX(-6px) scale(1.06);box-shadow:0 16px 36px rgba(15,23,42,.18);}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@media print{.media-bar{display:none !important;}}

/* ===== Media pages ===== */
.media-card{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 12px;
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(6px);
}
.media-thumb{
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
}
.media-thumb img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  transition: transform .18s ease;
}
.media-thumb:hover img{ transform: scale(1.01); }

.media-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

/* Thumb squares */
.thumb-square{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:16px}
.thumb-square img{width:100%;height:100%;object-fit:cover;display:block}
.thumb-350{max-width:350px;margin-inline:auto}
.thumb-400{max-width:400px;margin-inline:auto}
.thumb-500{max-width:500px;margin-inline:auto}
.card-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}
.card-actions .meta{font-size:.85rem;color:rgba(255,255,255,.75)}
.card-actions .meta-dark{font-size:.85rem;color:rgba(0,0,0,.6)}
.card-actions .count{font-weight:700}

/* gallery watermark */
.gallery-watermark {
  position: relative;
}
.gallery-watermark::after {
  content: "© Dr Mallikarjuna Naik";
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(0,0,0,.45);
  color: #fff;
  pointer-events: none;
}
.thumb-350 { max-width: 350px; margin-inline: auto; }


/* ===== Gallery pagination (clean centered) ===== */
.gallery-pagination{gap:.25rem;}
.gallery-pagination .page-sep{display:flex;align-items:center;}
.gallery-pagination .page-sep-txt{display:inline-block;padding:0 .25rem;color:rgba(100,116,139,.9);}
.gallery-pagination .page-link{border-radius:999px;}
{
.pub-thumb {
  width: 100%;
  cursor: pointer;
  border-radius: 6px;
}

.pub-title {
  font-weight: 600;
  margin-bottom: 8px;
}

.modal-body p {
  text-align: justify;
}
}
