Создай ультрасовременный интерактивный блок "Наши направления" (3 карточки в ряд на десктопе, в один столбец на мобильных). Фон блока: глубокий темный (#0A0A0C). Требования к карточкам и JS-интерактиву (Главный Вау-эффект): 1. Каждая карточка имеет размер примерно 350x450px, темный фон (#121216), закругление углов 24px, и скрытые края (overflow: hidden). 2. Напиши скрипт на Vanilla JS для 3D Tilt эффекта: когда курсор мыши двигается НАД карточкой, она должна плавно наклоняться вслед за движением мыши в 3D пространстве (используй transform: perspective(1000px) rotateX() rotateY()). Движение должно быть супер-плавным (transition: transform 0.1s ease). Когда мышь уходит, карточка плавно возвращается в исходное положение. 3. Эффект "Живого света" (Glow tracking): Внутри каждой карточки на заднем плане есть абсолютно позиционированный круг с размытием (filter: blur(60px)) и полупрозрачным неоновым цветом (1-я карточка: фиолетовый, 2-я: бирюзовый, 3-я: розовый). Изначально он скрыт или незаметен. Скрипт должен считывать координаты мыши относительно карточки и перемещать этот цветной круг точно за курсором. Получится эффект, что фонарик подсвечивает карточку изнутри в месте касания мыши. Контент в карточках: - Сверху: Минималистичный крупный номер (01, 02, 03) тонким шрифтом с прозрачностью 0.2. - Центр: Короткий яркий заголовок услуги белым цветом (размер 24px, жирный) и под ним 2 строки описания мелким серым текстом. - Снизу: Изящная стрелочка в круге, которая при ховере на карточку слегка смещается вправо-вверх. Убери любые стандартные рамки, сделай верстку идеально адаптивной для мобильных (на смартфонах 3D-эффект отключается, карточки просто плавно листаются сверху вниз).