{
  "html": "<footer class='footer'><div class='footer__glow footer__glow--1'></div><div class='footer__glow footer__glow--2'></div><div class='footer__particles'><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; background: linear-gradient(135deg, #f8faff 0%, #eef2ff 100%); box-shadow: 0 0 0 0 rgba(79, 110, 247, 0.4); animation: footer-pulse 4s ease-in-out infinite; } .footer__glow { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.6; pointer-events: none; } .footer__glow--1 { width: 300px; height: 300px; background: radial-gradient(circle, #4f6ef7 0%, transparent 70%); top: -100px; left: -100px; animation: footer-float 8s ease-in-out infinite; } .footer__glow--2 { width: 400px; height: 400px; background: radial-gradient(circle, #a855f7 0%, transparent 70%); bottom: -150px; right: -150px; animation: footer-float 10s ease-in-out infinite reverse; } .footer__particles { position: absolute; inset: 0; pointer-events: none; } .footer__particle { position: absolute; width: 6px; height: 6px; background: #4f6ef7; border-radius: 50%; opacity: 0.4; animation: footer-particle-float 6s linear infinite; } .footer__particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; } .footer__particle:nth-child(2) { left: 30%; top: 70%; animation-delay: 1s; } .footer__particle:nth-child(3) { left: 50%; top: 40%; animation-delay: 2s; } .footer__particle:nth-child(4) { left: 70%; top: 80%; animation-delay: 3s; } .footer__particle:nth-child(5) { left: 90%; top: 30%; animation-delay: 4s; } .footer__particle:nth-child(6) { left: 20%; top: 90%; animation-delay: 5s; } .footer__inner { position: relative; z-index: 1; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.3); border-radius: 16px; padding: 16px 24px; border: 1px solid rgba(255, 255, 255, 0.5); transition: transform 0.3s ease, box-shadow 0.3s ease; } .footer__inner:hover { transform: perspective(500px) rotateX(2deg) rotateY(2deg); box-shadow: 0 10px 30px rgba(79, 110, 247, 0.2); } .footer__link { position: relative; transition: color 0.2s, transform 0.2s; display: inline-block; } .footer__link:hover { color: #1a2b4c; transform: translateY(-2px); } .footer__link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: #4f6ef7; transition: width 0.3s; } .footer__link:hover::after { width: 100%; } @keyframes footer-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(79, 110, 247, 0.4); } 50% { box-shadow: 0 0 20px 10px rgba(79, 110, 247, 0.1); } } @keyframes footer-float { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, 30px) scale(1.1); } } @keyframes footer-particle-float { 0% { transform: translateY(0) scale(1); opacity: 0.4; } 50% { transform: translateY(-20px) scale(1.5); opacity: 0.8; } 100% { transform: translateY(-40px) scale(1); opacity: 0; } }"
}