/* ===== FOOTER (dark) ===== */
footer { background: #060D16; border-top: 1px solid rgba(184,196,208,0.05); padding: 24px 40px; }
.footer-inner { max-width: 1240px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.footer-links { display: flex; gap: 12px; }
.footer-links a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #3A4A5E; transition: color 0.2s; text-decoration: none; }
.footer-links a svg { width: 14px; height: 14px; }
.footer-links a:hover { color: #8A9AAE; }
.footer-copy { font-size: 10px; color: #3A4A5E; letter-spacing: 0.3px; }

@media (max-width: 768px) {
    footer { padding: 20px; }
    .footer-inner { flex-direction: column; gap: 10px; }
}
