{
  "html": "<footer class='footer'><div class='footer__inner'><p class='footer__copy'>© 2026 Студия «Ритм и Пластика»</p><nav class='footer__nav'><a href='/policy' class='footer__link footer__link--3d'>Политика</a><a href='/rules' class='footer__link footer__link--3d'>Правила</a></nav></div><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></footer>",
  "css": ".footer { position: relative; overflow: hidden; } .footer .footer__particles { position: absolute; inset: 0; pointer-events: none; z-index: 0; } .footer .footer__particle { position: absolute; bottom: -10px; width: 6px; height: 6px; border-radius: 50%; background: #a78bfa; opacity: 0; animation: footer-float-up 6s ease-in infinite; } .footer .footer__particle:nth-child(1) { left: 10%; animation-delay: 0s; } .footer .footer__particle:nth-child(2) { left: 22%; animation-delay: 1.2s; width: 4px; height: 4px; background: #c4b5fd; } .footer .footer__particle:nth-child(3) { left: 35%; animation-delay: 2.4s; } .footer .footer__particle:nth-child(4) { left: 48%; animation-delay: 0.6s; width: 8px; height: 8px; background: #8b5cf6; } .footer .footer__particle:nth-child(5) { left: 62%; animation-delay: 3.1s; } .footer .footer__particle:nth-child(6) { left: 74%; animation-delay: 1.8s; width: 5px; height: 5px; background: #c4b5fd; } .footer .footer__particle:nth-child(7) { left: 86%; animation-delay: 4.2s; } .footer .footer__particle:nth-child(8) { left: 94%; animation-delay: 2.9s; width: 7px; height: 7px; background: #a78bfa; } @keyframes footer-float-up { 0% { transform: translateY(0) scale(0.6); opacity: 0; } 15% { opacity: 0.8; } 80% { opacity: 0.6; } 100% { transform: translateY(-120px) scale(1.2); opacity: 0; } } .footer .footer__link--3d { display: inline-block; perspective: 400px; transform-style: preserve-3d; transition: transform 0.3s ease, color 0.2s ease; } .footer .footer__link--3d:hover { transform: rotateX(15deg) rotateY(-10deg) translateZ(6px); color: #4c1d95; } .footer .footer__link--3d:nth-child(2) { transition-delay: 0.2s; } .footer .footer__link--3d::before, .footer .footer__link--3d::after { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: #8b5cf6; opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(0); transition: transform 0.4s ease-out, opacity 0.4s ease-out; } .footer .footer__link--3d::before { margin-left: -12px; } .footer .footer__link--3d::after { margin-left: 12px; } .footer .footer__link--3d:hover::before { transform: translate(-50%, -50%) translate(-14px, -10px) scale(1.4); opacity: 1; } .footer .footer__link--3d:hover::after { transform: translate(-50%, -50%) translate(14px, 10px) scale(1.4); opacity: 1; }"
}