{
  "html": "<footer class='footer'><div class='footer__inner'><p class='footer__copy'>© 2026 Телестудия «Кадр»</p><nav class='footer__nav'><a href='/policy' class='footer__link'><span class='footer__link-text'>Политика</span></a><a href='/rules' class='footer__link'><span class='footer__link-text'>Правила</span></a></nav></div></footer>",
  "css": ".footer { position: relative; overflow: hidden; background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%); border-top: 1px solid #dbeafe; }\n.footer .footer__inner { position: relative; z-index: 1; }\n.footer .footer__copy { position: relative; display: inline-block; }\n.footer .footer__copy::after { content: ''; position: absolute; left: 0; bottom: -4px; height: 2px; width: 100%; background: linear-gradient(90deg, #2563eb, #60a5fa, #2563eb); background-size: 200% 100%; border-radius: 2px; transform: scaleX(0); transform-origin: left center; animation: footer-wave-line 3s ease-in-out infinite; animation-delay: 0.2s; }\n.footer .footer__link { position: relative; display: inline-block; color: #2563eb; transition: color 0.25s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); will-change: transform; }\n.footer .footer__link:hover { color: #1d4ed8; transform: translateY(-2px) scale(1.06); }\n.footer .footer__link-text { position: relative; display: inline-block; }\n.footer .footer__link-text::after { content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background: #3b82f6; border-radius: 2px; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }\n.footer .footer__link:hover .footer__link-text::after { transform: scaleX(1); }\n.footer .footer__link::before { content: ''; position: absolute; inset: -6px -10px; border-radius: 8px; background: radial-gradient(circle at center, rgba(96, 165, 250, 0.35), rgba(96, 165, 250, 0) 70%); opacity: 0; transform: scale(0.6); transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); pointer-events: none; z-index: -1; }\n.footer .footer__link:hover::before { opacity: 1; transform: scale(1); }\n@keyframes footer-wave-line { 0% { transform: scaleX(0); background-position: 0% 50%; } 40% { transform: scaleX(1); background-position: 100% 50%; } 60% { transform: scaleX(1); background-position: 100% 50%; } 100% { transform: scaleX(0); background-position: 0% 50%; } }"
}