/* ===== Base colors & fonts ===== */
:root{
  --bg-dark:#081026;
  --panel:#0e1a2a;
  --card:#0b1320;
  --ink:#eaf4ff;
  --muted:#9fb0c9;
  --accent:#7bdcb5;
  --accent2:#56ccf2;
  --gold:#f4d56a;
  --line:rgba(255,255,255,0.06);
}

/* Page base */
body{
  font-family: "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial;
  background: linear-gradient(180deg, rgba(8,18,34,1) 0%, rgba(6,11,18,1) 100%);
  color:var(--ink);
  margin:0;
}

/* containers spacing */
.page-content{padding-top:24px;padding-bottom:36px}
.container { max-width:1180px; }

/* ===== Topbar ===== */
.topbar{
  background: linear-gradient(90deg, rgba(86,204,242,0.06), rgba(123,220,181,0.04));
  border-bottom:1px solid var(--line);
}
.topbar-left small { color:var(--muted); }
.topbar-right .mail-link { color:var(--accent2); text-decoration:none; font-weight:600; }
.topbar-right .mail-link:hover { color:#eaffff; text-decoration:underline; }
.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 4px 12px rgba(123,220,181,.14)}

/* Logo sizing */
.logo-sm{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff;padding:5px;border:1px solid rgba(255,255,255,.12)}
.logo-lg{width:84px;height:84px;object-fit:contain;border-radius:12px;background:#fff;padding:8px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px rgba(0,0,0,.45)}

/* ===== Header / nav ===== */
.site-header{background:transparent;backdrop-filter: blur(6px);border-bottom:1px solid rgba(255,255,255,.02)}
.navbar { padding-top: .65rem; padding-bottom: .65rem; }
.site-title{ font-family:"Noto Serif Devanagari", serif; font-weight:700; font-size:1.35rem; line-height:1; color:var(--ink); }
.subtitle{ color:var(--muted); font-size:.92rem; margin-top:.08rem; }

/* nav pills */
.nav-pill .nav-link{
  border-radius:999px;
  padding:.48rem .9rem;
  font-weight:700;
  color:rgba(235,245,255,.95);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.04);
  margin:0 .125rem;
}
.nav-pill .nav-link:hover{ color:var(--accent2); box-shadow: 0 8px 20px rgba(86,204,242,.08); border-color: rgba(86,204,242,.25); transform: translateY(-2px); }

/* sticky appearance */
.sticky-top { position: sticky; top: 0; z-index: 1020; }

/* ===== Ticker ===== */
.ticker{
  border-bottom:1px solid rgba(255,255,255,0.03);
  padding:.5rem 0;
  background: linear-gradient(180deg, rgba(10,18,32,.12), rgba(10,18,32,.05));
}
.ticker-label{
  background: var(--gold); color: #1b1200; font-weight:800; padding:.28rem .6rem; border-radius:999px; display:inline-block;
}
.ticker-track p{
  display:inline-block; white-space:nowrap; overflow:hidden; animation: ticker 20s linear infinite; color:var(--muted); margin:0;
}
.ticker-track p:hover{ animation-play-state: paused; }
@keyframes ticker{0%{ transform:translateX(0);}100%{ transform:translateX(-50%);}}

/* ===== Cards / featured ===== */
.card{
  background: linear-gradient(180deg, rgba(22,33,48,.9), rgba(12,18,30,.95));
  border:1px solid rgba(255,255,255,0.03);
  border-radius:12px;
  color:var(--ink);
}
.feature-card{ border-left:6px solid rgba(86,204,242,.18); box-shadow:0 18px 36px rgba(0,0,0,.45) }
.feature-title{ font-family:"Noto Serif Devanagari", serif; font-weight:700; font-size:1.45rem; margin-top:.35rem; }

/* mini cards */
.mini-card{ background: linear-gradient(180deg, rgba(10,18,28,.9), rgba(6,12,20,.96)); border:1px solid rgba(255,255,255,0.02) }

/* member cards */
.member-card{ background: linear-gradient(180deg, rgba(12,20,30,.95), rgba(8,12,18,.98)); border:1px solid rgba(86,204,242,.06) }
.member-card h5{ margin:0 0 .3rem }

/* typography tweaks */
.section-title{ font-family:"Noto Serif Devanagari", serif; color:var(--accent); margin-bottom:.6rem; font-weight:700 }

/* lists */
.list a{ color:var(--muted); text-decoration:none; }
.list a:hover{ text-decoration:underline; color:var(--accent2); }

/* badges */
.badge{ background: rgba(255,255,255,.03); color: var(--muted); padding:.28rem .5rem; border-radius:999px; font-weight:700 }

/* ===== Footer ===== */
.site-footer{
  background: linear-gradient(180deg, rgba(8,14,22,.96), rgba(5,8,12,.98));
  border-top:1px solid rgba(255,255,255,0.03);
  margin-top: 32px;
}
.site-footer h5{ color:var(--accent2); }
.site-footer p{ color:var(--muted); }

/* footer small links */
.footer-links a{ color:var(--muted); text-decoration:none; }
.footer-links a:hover{ color:var(--accent2); }

/* divider */
hr.border-secondary{ border-color: rgba(255,255,255,0.03) !important; }

/* back to top */
.back-btn{
  position:fixed; right:18px; bottom:18px; z-index:2000; display:inline-block;
  opacity:0; transform:translateY(10px); transition:all .22s ease;
}
.back-btn.visible{ opacity:1; transform:translateY(0); }

/* responsive tweaks */
@media (max-width:991px){
  .logo-lg{ display:none; }
  .brand-text{ display:block; }
  .topbar-left .d-none.d-md-inline{ display:none !important; }
}
@media (min-width:992px){
  .brand-small{ display:none; }
}

/* accessibility focus */
a:focus, button:focus { outline: 3px solid rgba(86,204,242,0.14); outline-offset: 2px; border-radius:6px; }

.logo {
  height: 80px;
  width: 100px;
  object-fit: cover; /* or 'contain' depending on how you want it to look */
}

.nowrap {
  white-space: nowrap;  /* ✅ prevents line breaks */
}