{
  "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='M3 3H5L5.4 5M7 13H17L21 5H5.4M7 13L5.4 5M7 13L4.707 15.293C4.077 15.923 4.523 17 5.414 17H17M17 17C15.895 17 15 17.895 15 19C15 20.105 15.895 21 17 21C18.105 21 19 20.105 19 19C19 17.895 18.105 17 17 17ZM9 19C9 20.105 8.105 21 7 21C5.895 21 5 20.105 5 19C5 17.895 5.895 17 7 17C8.105 17 9 17.895 9 19Z' stroke='#2563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg></div><h3 class='projects__card-title'>Магазин одежды</h3><p class='projects__card-text'>Разработка интернет-магазина с каталогом, корзиной и онлайн-оплатой.</p><span class='projects__link'>Подробнее</span></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='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10C8 12.21 9.79 14 12 14C14.21 14 16 12.21 16 10C16 7.79 14.21 6 12 6ZM12 12C10.9 12 10 11.1 10 10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 11.1 13.1 12 12 12Z' fill='#2563eb'/></svg></div><h3 class='projects__card-title'>Маркетплейс</h3><p class='projects__card-text'>Платформа для продавцов и покупателей с системой рейтингов и отзывов.</p><span class='projects__link'>Подробнее</span></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='M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 18H4V6H20V18ZM6 10H18V12H6V10ZM6 14H15V16H6V14Z' fill='#2563eb'/></svg></div><h3 class='projects__card-title'>Корпоративный магазин</h3><p class='projects__card-text'>B2B-портал с личным кабинетом и интеграцией с 1С.</p><span class='projects__link'>Подробнее</span></a></div></div></section>",
  "css": ".projects { animation: projects-breathe 6s ease-in-out infinite; } @keyframes projects-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.01); } } .projects .projects__card { position: relative; background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(37, 99, 235, 0.15); overflow: hidden; } .projects .projects__card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(96, 165, 250, 0.08), rgba(255, 255, 255, 0)); pointer-events: none; } .projects .projects__icon { transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); background: #eff6ff; } .projects .projects__card:hover .projects__icon { transform: scale(1.12); box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.12), 0 8px 24px rgba(37, 99, 235, 0.25); } .projects .projects__link { display: inline-block; position: relative; margin-top: 16px; font-size: 14px; font-weight: 600; color: #2563eb; text-decoration: none; padding-bottom: 2px; background-image: linear-gradient(90deg, #2563eb, #60a5fa, #2563eb); background-size: 200% 2px; background-repeat: no-repeat; background-position: 0 100%; transition: background-position 0.3s ease-out; } .projects .projects__card:hover .projects__link { background-position: 100% 100%; }"
}