{
  "html": "<section class='projects'><div class='projects__inner'><h2 class='projects__title'>Мои проекты</h2><div class='projects__grid'><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 2L2 7L12 12L22 7L12 2Z' stroke='#3B82F6' stroke-width='2' stroke-linejoin='round'/><path d='M2 17L12 22L22 17' stroke='#3B82F6' stroke-width='2' stroke-linejoin='round'/><path d='M2 12L12 17L22 12' stroke='#3B82F6' stroke-width='2' stroke-linejoin='round'/></svg></div><h3 class='projects__card-title'>Нейрокад</h3><p class='projects__card-text'>Инструмент для автоматизированного проектирования с использованием нейросетей.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4 4H20V20H4V4Z' stroke='#3B82F6' stroke-width='2' stroke-linejoin='round'/><path d='M8 12L11 15L16 9' stroke='#3B82F6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg></div><h3 class='projects__card-title'>Проверка Email</h3><p class='projects__card-text'>Сервис валидации и верификации email-адресов в реальном времени.</p></a></div></div></section>",
  "css": ".projects .projects__grid { perspective: 1200px; } .projects .projects__card { transform-style: preserve-3d; will-change: transform; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease; } .projects .projects__card:hover { transform: translateY(-6px) rotateX(6deg) rotateY(-6deg) scale(1.02); box-shadow: 0 20px 40px rgba(37, 99, 235, 0.18), 0 8px 16px rgba(59, 130, 246, 0.12); animation: projects-pulse-ring 2.2s cubic-bezier(0.34, 1.56, 0.64, 1) infinite; } .projects .projects__card:active { transform: translateY(-2px) rotateX(3deg) rotateY(-3deg) scale(0.99); box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22), inset 0 2px 6px rgba(37, 99, 235, 0.15); } .projects .projects__icon { transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease; } .projects .projects__card:hover .projects__icon { transform: translateZ(30px) scale(1.08); background: #DBEAFE; } .projects .projects__card-title, .projects .projects__card-text { transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } .projects .projects__card:hover .projects__card-title { transform: translateZ(20px); } .projects .projects__card:hover .projects__card-text { transform: translateZ(12px); } @keyframes projects-pulse-ring { 0% { box-shadow: 0 20px 40px rgba(37, 99, 235, 0.18), 0 0 0 0 rgba(59, 130, 246, 0.45); } 70% { box-shadow: 0 20px 40px rgba(37, 99, 235, 0.18), 0 0 0 14px rgba(59, 130, 246, 0); } 100% { box-shadow: 0 20px 40px rgba(37, 99, 235, 0.18), 0 0 0 0 rgba(59, 130, 246, 0); } }"
}