.footer{
  margin-top: 24px;
  padding: 20px 0;
  background: rgba(7,10,18,.66);
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer-inner{
  width:min(1100px, calc(100% - 32px));
  margin:0 auto;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.footer-title{font-weight:800}
.footer-sub{color: rgba(255,255,255,.76);font-size:13px}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.f-link{color: rgba(255,255,255,.85);text-decoration:none}
.f-link:hover{color: var(--accent)}
.footer-meta{
  width:min(1100px, calc(100% - 32px));
  margin: 10px auto 0;
  color: rgba(255,255,255,.72);
  font-size:12px;
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;
}
.sep{opacity:.5}

.footer{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.f-link{
  transition: color .12s ease, transform .12s ease;
}
.f-link:hover{
  transform: translateY(-1px);
}