{
  "html": "<footer class='footer'><div class='footer__particles' aria-hidden='true'><span class='footer__particle'></span><span class='footer__particle'></span><span class='footer__particle'></span><span class='footer__particle'></span><span class='footer__particle'></span><span class='footer__particle'></span><span class='footer__particle'></span><span class='footer__particle'></span></div><div class='footer__inner'><p class='footer__copy'>© 2026 Весёлые шарики</p><nav class='footer__nav'><a href='/policy' class='footer__link'>Политика</a><a href='/rules' class='footer__link'>Правила</a></nav></div></footer>",
  "css": ".footer { position: relative; overflow: hidden; }\n\n.footer .footer__particles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\n\n.footer .footer__particle { position: absolute; bottom: -12px; width: 8px; height: 8px; border-radius: 50%; background: #60a5fa; opacity: 0; animation: footer-float-up 6s ease-in infinite; }\n\n.footer .footer__particle:nth-child(1) { left: 8%; background: #3b82f6; animation-delay: 0s; animation-duration: 6s; }\n.footer .footer__particle:nth-child(2) { left: 20%; background: #60a5fa; animation-delay: 1.2s; animation-duration: 7s; width: 6px; height: 6px; }\n.footer .footer__particle:nth-child(3) { left: 34%; background: #bfdbfe; animation-delay: 2.4s; animation-duration: 5.5s; }\n.footer .footer__particle:nth-child(4) { left: 48%; background: #3b82f6; animation-delay: 0.6s; animation-duration: 6.5s; width: 10px; height: 10px; }\n.footer .footer__particle:nth-child(5) { left: 62%; background: #60a5fa; animation-delay: 3s; animation-duration: 7.5s; }\n.footer .footer__particle:nth-child(6) { left: 74%; background: #d1fae5; animation-delay: 1.8s; animation-duration: 6s; width: 6px; height: 6px; }\n.footer .footer__particle:nth-child(7) { left: 86%; background: #3b82f6; animation-delay: 4.2s; animation-duration: 5.8s; }\n.footer .footer__particle:nth-child(8) { left: 94%; background: #bfdbfe; animation-delay: 2.1s; animation-duration: 6.8s; width: 9px; height: 9px; }\n\n.footer .footer__inner { position: relative; z-index: 1; }\n\n.footer .footer__copy { animation: footer-blur-return 1.2s ease-out both; }\n\n.footer .footer__link { display: inline-block; transition: color 0.3s ease-out, transform 0.3s ease-out; will-change: transform; }\n\n.footer .footer__link:hover { color: #2563eb; transform: translateY(-2px) scale(1.05); }\n\n.footer .footer__nav:focus-within { perspective: 600px; }\n\n.footer .footer__nav:focus-within .footer__link { transform: rotateX(8deg) rotateY(-6deg) translateZ(6px); box-shadow: 0 6px 14px rgba(37, 99, 235, 0.18); }\n\n.footer .footer__link:focus-visible { outline: 2px solid #3b82f6; outline-offset: 3px; border-radius: 4px; }\n\n@keyframes footer-float-up {\n  0% { transform: translateY(0) scale(0.6); opacity: 0; }\n  15% { opacity: 0.9; }\n  70% { opacity: 0.6; }\n  100% { transform: translateY(-120px) scale(1.1); opacity: 0; }\n}\n\n@keyframes footer-blur-return {\n  0% { filter: blur(6px); opacity: 0; }\n  60% { filter: blur(2px); opacity: 0.8; }\n  100% { filter: blur(0); opacity: 1; }\n}"
}