{
  "html": "<footer class='footer'><div class='footer__inner'><p class='footer__copy fx-footer-copy'>© 2026 Алексей Смирнов</p><nav class='footer__nav'><a href='/policy' class='footer__link fx-footer-link'>Политика</a><a href='/rules' class='footer__link fx-footer-link'>Правила</a></nav></div></footer>",
  "css": ".footer .fx-footer-copy { display: inline-block; transform-origin: left center; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.25s ease, color 0.25s ease; will-change: transform, filter; } .footer .fx-footer-copy:hover { transform: scale(1.08); filter: blur(0.6px); color: #0f2a5c; } .footer .fx-footer-link { position: relative; display: inline-block; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), filter 0.2s ease, color 0.2s ease, text-shadow 0.2s ease; will-change: transform, filter; } .footer .fx-footer-link::after { content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background: linear-gradient(90deg, #22d3ee, #38bdf8, #4f6ef7); border-radius: 2px; transform: scaleX(0); transform-origin: right center; transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); } .footer .fx-footer-link:hover { transform: translateX(-4px); filter: blur(0.5px); color: #0f2a5c; } .footer .fx-footer-link:hover::after { transform: scaleX(1); transform-origin: left center; } .footer .fx-footer-link:focus-visible { outline: none; color: #0284c7; text-shadow: 0 0 6px rgba(34, 211, 238, 0.85), 0 0 14px rgba(56, 189, 248, 0.55); animation: fx-footer-glow 1.1s ease-in-out infinite alternate; } .footer .fx-footer-link:focus-visible::after { transform: scaleX(1); transform-origin: left center; } @keyframes fx-footer-glow { from { text-shadow: 0 0 4px rgba(34, 211, 238, 0.6), 0 0 10px rgba(56, 189, 248, 0.35); } to { text-shadow: 0 0 8px rgba(34, 211, 238, 0.95), 0 0 18px rgba(79, 110, 247, 0.6); } }"
}