/* Top navbar — used by index.php and calendar.php */
.topnav{
  background:rgba(9,12,22,.72);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  border-bottom:1px solid rgba(94,179,247,.10);
  position:sticky;
  top:0;
  z-index:60;
  box-shadow:0 1px 0 rgba(255,255,255,.02), 0 8px 30px rgba(0,0,0,.25);
}
.topnav-inner{
  max-width:1440px;
  margin:0 auto;
  padding:13px 26px;
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}
.topnav-brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  color:#eef2fb;
  font-size:18px;
  font-weight:750;
  letter-spacing:-.02em;
}
.topnav-brand:hover{text-decoration:none}
.topnav-logo{
  width:32px;
  height:32px;
  background:linear-gradient(135deg,#5eb3f7,#b990f5);
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:#0a0e1a;
  font-weight:850;
  box-shadow:0 4px 14px rgba(94,179,247,.35);
}
.topnav-title{
  background:linear-gradient(120deg,#5eb3f7,#b990f5);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.topnav-links{
  display:flex;
  gap:4px;
  margin-left:auto;
  flex-wrap:wrap;
}
.topnav-link{
  padding:8px 15px;
  border-radius:9px;
  color:#aab3c7;
  font-size:14px;
  font-weight:550;
  text-decoration:none;
  border:1px solid transparent;
  transition:all .16s ease;
  position:relative;
}
.topnav-link:hover{
  color:#eef2fb;
  background:rgba(94,179,247,.09);
  text-decoration:none;
}
.topnav-link.active{
  color:#8fcbfb;
  background:rgba(94,179,247,.13);
  border-color:rgba(94,179,247,.28);
}
@media(max-width:600px){
  .topnav-inner{padding:11px 16px;gap:12px}
  .topnav-brand{font-size:16px}
  .topnav-link{padding:7px 11px;font-size:13px}
}