{
  "html": "<section class='hero'><div class='hero__inner'><p class='hero__eyebrow'>Персональный сайт</p><h1 class='hero__title'><span class='hero__title-shine'>Алексей Смирнов</span></h1><p class='hero__subtitle'>Разработчик</p><p class='hero__lead'>Создаю удобные и быстрые веб-приложения. Люблю чистый код и продуманный интерфейс.</p></div></section>",
  "css": ".hero .hero__title { perspective: 800px; }\n.hero .hero__title-shine { display: inline-block; background: linear-gradient(90deg, #2563eb 0%, #3b82f6 25%, #60a5fa 50%, #3b82f6 75%, #2563eb 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; transition: transform 0.4s ease; transform-style: preserve-3d; }\n.hero .hero__title:hover .hero__title-shine { animation: hero-shine 2.5s linear infinite; }\n.hero .hero__inner:focus-within .hero__title-shine { transform: rotateX(8deg) rotateY(-8deg) translateY(-4px); }\n.hero .hero__inner:focus-within .hero__title { filter: drop-shadow(0 12px 24px rgba(37, 99, 235, 0.25)); }\n@keyframes hero-shine { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }"
}