footer{
  border-top:1px solid var(--border);
  padding:30px 0 40px;
  color:var(--text-dim);
  font-size:14px;
}
.footer-inner{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
}
.socials{display:flex; gap:16px;}
.socials a{
  width:38px; height:38px; border-radius:12px;
  background:var(--surface-2); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  transition:border-color .2s ease, color .2s ease;
  color:var(--text-dim);
}
.socials a:hover{border-color:var(--accent-2); color:var(--accent);}