{
  "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--gradient'>Политика</a><a href='/rules' class='footer__link footer__link--3d footer__link--reverse'>Правила</a></nav></div></footer>",
  "css": ".footer .footer__link--gradient { position: relative; background-image: linear-gradient(90deg, #2563eb, #3b82f6, #60a5fa, #2563eb); background-size: 300% 2px; background-repeat: no-repeat; background-position: 0 100%; padding-bottom: 2px; transition: background-position 0.6s ease, color 0.2s ease; } .footer .footer__link--gradient:hover { background-position: 100% 100%; color: #1a2b4a; animation: footer-gradient-run 1.6s linear infinite; } @keyframes footer-gradient-run { 0% { background-position: 0% 100%; } 100% { background-position: 300% 100%; } } .footer .footer__link--3d { display: inline-block; transform-style: preserve-3d; perspective: 600px; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease; } .footer .footer__link--3d:hover { transform: perspective(600px) rotateX(-12deg) rotateY(12deg) translateZ(4px); color: #1a2b4a; } .footer .footer__link--reverse:hover { transform: perspective(600px) rotateX(12deg) rotateY(-12deg) translateZ(4px); } .footer .footer__copy { position: relative; padding-left: 14px; } .footer .footer__copy::before { content: ''; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #3b82f6; box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.6); animation: footer-pulse 4s ease-in-out infinite; } @keyframes footer-pulse { 0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.55); } 50% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); } 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); } }"
}