footer {
  background:var(--bg-2); border-top:1px solid var(--border);
  padding:30px 6%; text-align:center; position:relative; z-index:2;
}
footer p { color:var(--text-3); font-size:13px; }

.footer-links { display:flex; gap:20px; justify-content:center; margin-bottom:12px; flex-wrap:wrap; }
.footer-links a { color:var(--text-3); font-size:13px; text-decoration:none; transition:color .2s; }
.footer-links a:hover { color:var(--blue); }

.lnfloat {
  position:fixed; bottom:30px; right:30px; z-index:300;
  display:flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#0a66c2,#0d83d6); color:#fff;
  padding:13px 22px; border-radius:50px; text-decoration:none;
  font-size:14px; font-weight:700;
  box-shadow:0 8px 32px rgba(10,102,194,.42);
  transition:all .3s var(--ease); animation:floatin .8s 1.2s both;
  font-family:var(--font);
}
.lnfloat:hover { transform:translateY(-4px) scale(1.04); box-shadow:0 16px 44px rgba(10,102,194,.55); }

.write-float {
  position:fixed; bottom:30px; right:30px; z-index:300;
  display:flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#4299e1,#553c9a); color:#fff;
  padding:13px 22px; border-radius:50px; text-decoration:none;
  font-size:14px; font-weight:700;
  box-shadow:0 8px 32px rgba(99,179,237,.35);
  transition:all .3s var(--ease); animation:floatin .8s 1.2s both;
  font-family:var(--font);
}
.write-float:hover { transform:translateY(-4px) scale(1.04); box-shadow:0 16px 44px rgba(99,179,237,.5); }

@keyframes floatin { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }

@media(max-width:768px) {
  .lnfloat, .write-float { bottom:18px; right:18px; padding:11px 16px; font-size:13px; }
}
