.card {
            border: none;
            border-radius: 12px;
            transition: transform 0.2s ease;
            cursor: pointer;
            background: white;
        }

        .card:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 20px rgb(0 0 0 / 0.15);
        }

        .card-icon {
            font-size: 3rem;
            color:var(--main-color);
        }

        /* Стили для неактивных сервисов */
        .card.inactive {
            filter: grayscale(80%);
            cursor: default;
            pointer-events: none;
            opacity: 0.6;
        }